Jump to content
  • 0

indexof и lastIndexOf

denis_alekss

Asked by denis_alekss,

 Share

Question

denis_alekss Explorer

denis_alekss

Posted
Posted (edited)

Непонятно каким образом происходит поиск через indexOf и lastIndexOf
 если присутствует второй отрицательный элемент массива.
Написал для примера код:
  

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тест</title>
 </head>
 <body>  
<p id="result"></p>

    <script>
var scores = [10,300, 500, 10, 70, 20, 100, 30, 100, 40, 20, 10];
const arrNames = ["Вася","Петя","Коля","Джулия",
"Ефросинья","Степан","Борис","Антон","Остап"];

//Ищет с нулевого элемента по конец, первая цифра 20 встречается на 5 индексе
result.innerHTML += (scores.indexOf(20)) + ' <br>';
//Ищет с последнего элемента по начало, первую цифру 20 встречается на 10 индексе
result.innerHTML += (scores.lastIndexOf(20)) + ' <br>';

result.innerHTML += (scores.indexOf(20, -2)) + ' <br>';
result.innerHTML += (scores.lastIndexOf(20,-2)) + ' <br>';

  </script>
 </body>
</html>

 


Интересует вывод последних 2-ух строк со вторым отрицательным параметром в indexOf и lastIndexOf. Откуда идет отсчет и как он идет если есть второй отрицательный элемент в параметре, я про цифру -2.

 

Edited by denis_alekss
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0
AlexZaw Explorer

AlexZaw

Posted
Posted
  On 12/27/2020 at 9:31 PM, denis_alekss said:

Откуда идет отсчет

Expand  

Отсчет идет с указанного элемента, т.е. в вашем случае со второго с конца. Причем указанный индекс включается в поиск. Например если бы вы искали в arrNames строку "Антон" начиная с минус второго элемента то вам бы вернулся индекс этого элемента (в вашем случае 7) так как он подходит под условие.

Ну или применительно к scores использование и scores.indexOf(20, -2) и scores.lastIndexOf(20, -2) вернет вам цифру 20 которая встречается на 10 индексе

  On 12/27/2020 at 9:31 PM, denis_alekss said:

как он идет

Expand  

Точно так же как если бы индекс был бы положительным. indexOf ищет совпадение слева направо начиная с указанного элемента до первого совпадения или до конца массива, lastIndexOf ищет совпадение справа налево начиная с указанного элемента до первого совпадения или до начала массива.

  • Like 1
Link to comment
Share on other sites
  • 0
denis_alekss Explorer

denis_alekss

Posted
  • Author
Posted (edited)

Вот массив с которым мы работаем: 

var scores = [10,300, 500, 10, 70, 20, 100, 30, 100, 40, 20, 10];

scores.indexOf(20, -2) -  со второго элемента с конца массива, это число 20 идет поиск первого совпадения? Ищет со второго элемента с конца включая его, верно? Второй элемент с конца массива является предпоследним, под индексом 10.

scores.lastIndexOf(20,-2) стратегия такая же самая, начинается поиск со второго элемента с конца, включая его? Ведь результат такой же, также выводит индекс 10.

 

Если написать такую строку:

scores.lastIndexOf(10,-5)

 

правильно я понимаю, что 5 элемент с конца, это цифра 30, включая ее, с нее стартует поиск к началу массива? И что первое на пути с конца вначало совпадет с цифрой 30, тот и индекс выведется? Даже если эти цифр 30 будет 8 раз на пути к началу массива?

Получается отрицательный второй -2 не важно стоит в indexOf или lastIndexOf ищется с конца массива к началу?

Такое дело и со строками, не только с числами?

 

indexOf с конца идет вправо, а lastIndexOf c конца идет влево искать элемент..

Edited by denis_alekss
Link to comment
Share on other sites
  • 0
AlexZaw Explorer

AlexZaw

Posted
Posted
  On 12/28/2020 at 7:44 PM, denis_alekss said:

Ведь результат такой же, также выводит индекс 10.

Expand  

Все ваши рассуждения выше  этой строки верны. 

  On 12/28/2020 at 7:44 PM, denis_alekss said:

И что первое на пути с конца вначало совпадет с цифрой 30, тот и индекс выведется?

Expand  

Только не 30,а 10 Ведь вы ищете scores.lastIndexOf(10,-5) ,а так все правильно

  On 12/28/2020 at 7:44 PM, denis_alekss said:

Получается отрицательный второй -2 не важно стоит в indexOf или lastIndexOf ищется с конца массива к началу?

Expand  

Нет. indexOf всегда ищет слева направо от указанного элемента или от начала массива, если второй параметр (в данном случае -2) не указан, до первого совпадения. Если совпадение не было найдено до конца массива то возвращает -1

lastIndexOf всегда ищет справа налево от указанного элемента (или от конца массива если не указан второй параметр) до первого совпадения. Если совпадение не было найдено до начала массива то возвращает -1

  On 12/28/2020 at 7:44 PM, denis_alekss said:

Такое дело и со строками, не только с числами?

Expand  

Да. Только не забывайте что поиск по строкам регистрозависимый. Т.е.
'Тестовая строка'.indexOf('тестовая') вернет -1

  On 12/28/2020 at 7:44 PM, denis_alekss said:

indexOf с конца идет вправо, а lastIndexOf c конца идет влево искать элемент..

Expand  

Тут видимо опечатка? 🙂  Если не указан индекс с которого начинать поиск то indexOf с начала идет вправо.  Про lastIndexOf верно.

Link to comment
Share on other sites
  • 0
AlexZaw Explorer

AlexZaw

Posted
Posted
  On 12/29/2020 at 4:51 PM, denis_alekss said:

Элементов 12, а индекс максимальный 11.
lastIndexOf(20, -2) ищет с 10 по 0
indexOf(20, -2) ищет с 10 по 12

Expand  

Все верно, только если брать индексы, то indexOf(20, -2) ищет с 10 по 11

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept