Javascript поиск в массиве: Методы массивов

принимает предикат и возвращает индекс или -1 .

 const numbers = [1, 2, 3, 4, 5] 
 const isEven = число => число % 2 === 0 
 const isLessThanZero = число => число < 0numbers.findIndex(isEven) //=> 1 
 number.findIndex(isLessThanZero) //=> -1 

.indexOf

принимает элемент (и необязательный start ) и возвращает индекс или -1 .

 const numbers = [1, 2, 3, 4, 5]numbers.indexOf(2) //=> 1 
 numbers.indexOf(9) //=> -1 

.lastIndexOf

то же, что и indexOf , но ищет в обратном порядке.

Иногда вам нужно только знать, совпадают ли элементы.

.включает

занимает item и возвращает true , если хотя бы один элемент совпадает.

 const numbers = [1, 2, 3, 4, 5]numbers.includes(2) //=> true 
 numbers.includes(9) //=> false 

.every

принимает предикат и возвращает true , если все элементы совпадают.

 const numbers = [1, 2, 3, 4, 5] 
 const isEven = число => число % 2 === 0 
 const isGreaterThanZero = число => число > 0numbers.every(isEven) //=> false 
 number.every(isGreaterThanZero) //=> true 

.some

принимает предикат и возвращает true , если хотя бы один элемент совпадает.

 const numbers = [1, 2, 3, 4, 5] 
 const isEven = число => число % 2 === 0 
 const isLessThanThanZero = число => число < 0numbers.some(isEven) //=> true 
 number.some(isLessThanThanZero) //=> false 

Некоторые из предикатов также включают дополнительную информацию, например, индекс и массив . Прочтите документацию по каждому методу, чтобы узнать обо всех этих функциях.

Пример:

 const numbers = [1, 2, 3, 4, 5]numbers.filter((item, index, array) => { 
 /* код здесь */ 
 }) 

JavaScript содержит много разных методы поиска массивов. Некоторые ищут явные элементы, в то время как другие используют для поиска предикат . Некоторые методы возвращают элементы, в то время как другие могут возвращать индекс или логическое значение.

Обязательно подпишитесь, чтобы получать больше подобных видео!

Используйте Bit (Github) для совместного использования, документирования и управления многократно используемыми компонентами из разных проектов. Это отличный способ увеличить повторное использование кода, ускорить разработку и создавать масштабируемые приложения.

Как проверить, содержит ли массив значение в JavaScript

В JavaScript существует несколько способов проверить, содержит ли массив элемент. Помимо петель, вы можете использовать include() , indexOf() , find() и т. д., чтобы проверить, существует ли данное значение или элемент в массиве или нет.

Метод include был добавлен в ES6 для определения того, содержит ли массив указанное значение. Этот метод возвращает true , если элемент существует в массиве, и false , если нет.

Метод include() идеально подходит для определения того, существует ли элемент в виде простого логического значения:

 const фрукты = ['🍎', '🍋', '🍊', '🍇', '🍍', '🍐']
fruit.includes('🍇') // правда
fruit.includes('🍉') // ложь
 

По умолчанию метод include() выполняет поиск по всему массиву. Но вы также можете передать начальный индекс в качестве второго параметра, чтобы начать поиск с другой позиции:

 fruit.includes('🍐', 4) // true
fruit.includes('🍊', 4) // ложь
 

Помимо строк, метод include() также отлично работает с другими типами примитивов:

 константный символ = Символ('🌟')
const types = ['Apple', 150, null, undefined, true, 29n, символ]
// строки
types.includes('Apple') // правда
// числа
типы.includes(150) // правда
// нулевой
types.includes(null) // правда
// неопределенный
types. includes(undefined) // правда
// логическое значение
типы.includes(true) // правда
// Большой Целый
типы.includes(29n) // правда
// Символ
типы.includes (символ // правда
 

Оба include() и indexOf() ведут себя по-разному с NaN ("Не число") свойство:

 const arr = [NaN]
// ✅
arr.includes(NaN) // правда
// ❌
arr.indexOf(NaN) // -1
 

Метод include() не работает в IE и доступен только в современных браузерах.

Самый простой и быстрый способ проверить наличие элемента в массиве — использовать метод Array.indexOf() . Этот метод ищет в массиве заданное значение и возвращает его индекс. Если элемент не найден, возвращается -1.

  const фрукты = ['🍎', '🍋', '🍊', '🍇', '🍍', '🍐']
fruit.indexOf('🍋') // 1 (истина)
fruit.indexOf('🍍') // 4 (истина)
fruit.indexOf('🍌') // -1 (ложь)
 

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

 fruit.indexOf('🍋', 1) // 1 (true)
fruit.indexOf('🍋', 4) // -1 (ложь)
 

Обратите внимание, что если элемент присутствует более одного раза, метод

JavaScript предоставляет нам альтернативный метод массива под названием lastIndexOf() . Как следует из названия, он возвращает позицию последнего вхождения элементов в массив.

lastIndexOf() начинает поиск в массиве с конца и останавливается в начале массива. Вы также можете указать второй параметр для исключения элементов в конце.

 const фрукты = ['🍎', '🍋', '🍊', '🍇', '🍍', '🍐']
fruit.lastIndexOf('🍇') // 3 (истина)
fruit.lastIndexOf('🍉') // -1 (истина)
fruit.lastIndexOf('🍋', 4) // 1 (ложь)
 

Оба indexOf() и lastIndexOf() выполняют поиск с учетом регистра и работают во всех браузерах, включая IE9 и выше.

В отличие от include() , метод find() выполняет указанную функцию для каждого элемента массива. Он возвращает значение первого элемента массива, удовлетворяющего заданному условию:

 const фрукты = ['🍎', '🍋', '🍊', '🍇', '🍍', '🍐']
константное значение = fruit.find(elem => elem === '🍍')
console.log(значение) // 🍍
 

Примечание: В приведенном выше примере я использовал стрелочную функцию ES6 для перебора элементов. Прочтите эту статью, чтобы узнать больше о функциях стрелок.

Если элемент не найден, когда функция возвращает true , метод find() возвращает неопределенное значение :

 const value = fruit.find(elem => elem === '🍉')
console.log(значение) // не определено
 

Вы также можете получить текущий индекс элемента в качестве второго параметра. Это полезно, когда вы также хотите сравнить индекс:

 fruit. find((elem, idx) => elem === '🍇' && idx > 2) // 🍇
fruit.find((elem, idx) => elem === '🍋' && idx > 2) // не определено
 

Другим преимуществом метода find() является то, что он работает и с другими типами данных, такими как объекты: '🐋' }] const found = animals.find(elem =>

Метод find() работает только в современных браузерах.

Метод some() похож на find() за исключением того, что он возвращает логическое значение true , если элемент найден в массиве, иначе false .

 const фрукты = ['🍎', '🍋', '🍊', '🍇', '🍍', '🍐']
fruit.some(elem => elem === '🍐') // правда
fruit.some(elem => elem === '🍓') // false
 

метод some() также можно использовать с массивом объектов:

 const animals = [{ name: '🐱' }, { name: '🐒' }, { whit: '🐋' }]
animals.some(elem =>  elem. name === '🐒') // правда
animals.some(elem => elem.name === '🍊') // false
 

Вы можете использовать метод some() во всех современных браузерах, а также в IE9 и выше.

Метод every() похож на some() , за исключением того, что он гарантирует, что все элементы в массиве проходят определенное условие:

 константные числа = [10, 99, 75, 45, 33]
// проверяем, все ли элементы > 15
константный результат = числа.каждый (число => число > 15)
console.log(результат) // ложь
 

Точно так же, как

Поиск без учета регистра

Оба метода indexOf() и include() чувствительны к регистру. Это означает, что вы должны указать ту же строку case для поиска в массиве:

 константные имена = ['Али', 'Атта', 'Алекс', 'Джон']
имена.indexOf('атта') // -1
name. includes('атта') // ложь
 

Для поиска без учета регистра одним из способов является преобразование каждой строки в массиве в нижний регистр с помощью метода map(), а затем выполнение поиска: ', 'Джон'] names.map(elem =>

В качестве альтернативы вы можете использовать some() метод для одновременного выполнения строчных букв и сравнения строк:

 names.some(elem => elem.toLowerCase() === 'atta') // true
 

Заключение

В этой статье мы рассмотрели 5 различных методов JavaScript Array для проверки существования элемента в массиве.

Законный вопрос: зачем вообще нужны все эти методы? Почему бы не использовать только один метод для поиска в массиве?

Простым ответом будет то, что все эти методы предназначены для разных вариантов использования:

• Хотите узнать позицию элемента в массиве? Используйте метод indexOf() .

  No related posts.