Изучаем JavaScript: поиск в массиве с помощью методов indexOf и lastIndexOf

В статье рассказывается о том, как использовать методы JavaScript indexOf и lastIndexOf для определения расположения элемента внутри массива.

Поиск элемента в массиве - знакомство с методом indexOf

Чтобы определить расположение элемента в массиве, можно воспользоваться методом indexOf(). Он возвращает индекс первого вхождения элемента, либо -1, если он не найден.

Ниже приведен синтаксис метода indexOf():

Array.indexOf(searchElement, fromIndex)

Метод indexOf() принимает два аргумента. searchElement -это элемент, который нужно найти в массиве. fromIndex – это индекс массива, с которого нужно начать поиск.

Аргумент fromIndex в качестве значения может принимать как положительное, так и отрицательное целое число. Если значение аргумента fromIndex будет отрицательным, метод indexOf() начнет поиск по всему массиву плюс значение fromIndex. Если опустить аргумент fromIndex, то метод начнет поиск с элемента 0.

Учтите, что метод JavaScript array indexOf() при сравнении searchElement с элементами в массиве, использует алгоритм строгого равенства, схожий с оператором “тройное равно” (===).

Примеры применения метода indexOf()

Предположим, что есть массив scores, в котором содержится шесть чисел:

var scores = [10, 20, 30, 10, 40, 20];

В следующем примере метод indexOf() используется для поиска элементов в массиве scores:

console.log(scores.indexOf(10)); // 0
console.log(scores.indexOf(30)); // 2
console.log(scores.indexOf(50)); // -1
console.log(scores.indexOf(20)); // 1

В примере используется fromIndex с отрицательными значениями:

console.log(scores.indexOf(20,-1)); // 5 (fromIndex = 6+ (-1) = 5)
console.log(scores.indexOf(20,-5)); // 1 (fromIndex = 6+ (-5) = 1)

Предположим, что есть массив объектов. У каждого из них два свойства: name и age:

var guests = [
    {name: 'John Doe', age: 30},
    {name: 'Lily Bush', age: 20},
    {name: 'William Gate', age: 25}
];

Следующие выражение возвращает -1, даже если у первого элемента массива guests и searchElement будут одинаковые значения свойств name и age. Так как это два разных объекта:

console.log(guests.indexOf({
    name: 'John Doe',
    age: 30
})); // -1

Иногда нужно находить индексы всех упоминаний элемента в массиве. В приведенном ниже примере для этого в функции find() используется метод массива JavaScript indexOf():

function find(needle, haystack) {
    var results = [];
    var idx = haystack.indexOf(needle);
    while (idx != -1) {
        results.push(idx);
        idx = haystack.indexOf(needle, idx + 1);
    }
    return results;
}

В следующем примере функция find() используется для возврата массива с позициями числа 10 в массиве scores:

console.log(find(10,scores)); // [0, 3]
JavaScript array lastIndexOf method

Поиск элемента в массиве - знакомство с методом lastIndexOf()

У массивов есть еще один метод - lastIndexOf(), который предлагает почти тот же функционал, что и indexOf().

Синтаксис метода lastIndexOf():

Array.lastIndexOf(searchElement[, fromIndex = Array.length – 1])

Метод возвращает индекс последнего вхождения searchElement в массиве. Если элемент не найден, будет возвращено значение -1.

В отличие от метода JavaScript indexOf(), lastIndexOf() сканирует массив в обратном направлении, начиная от значения fromIndex.

Представленное ниже выражение возвращает последние индексы чисел 10 и 20 в массиве scores:

console.log(scores.lastIndexOf(10));// 3
console.log(scores.lastIndexOf(20));// 5

Поиск элемента в массиве - примеры использования метода lastIndexOf()

Так как число 50 не находится в массиве, следующее выражение вернет -1.

console.log(scores.lastIndexOf(50));// -1

Мы научились использовать методы JavaScript indexOf() string и lastIndexOf() для поиска элементов в массиве.

Дайте знать, что вы думаете по данной теме статьи в комментариях. За комментарии, лайки, дизлайки, подписки, отклики низкий вам поклон!