TGViewer
Руслан Куянец | Reactify Руслан Куянец | Reactify @reactify_it · 6.42K subscribers
Post #595 1.12K
Поиск элементов в массиве JavaScript

Массивы и объекты являются важными элементами веб-разработки. Если объект можно рассматривать как отдельную сущность, то массив объектов представляет собой множество таких сущностей. Это логично. Например, это может быть список товаров или фильмов.

Иногда нам необходимо осуществлять поиск по массиву, чтобы найти нужный 'товар' или 'фильм', или просто убедиться в наличии определенного элемента в массиве.

Метод indexOf - если нужно узнать индекс/порядок элемента. Если элемент не найден то вернет -1


const fruits = ["apple", "banana", "cherry"];
const index = fruits.indexOf("banana"); // 1


Метод find - находим первый подходящий элемент в массиве, если не найден то вернет undefined


const numbers = [1, 3, 5, 7];
const foundNumber = numbers.find(element => element > 4); // 5


Метод filter - этот метод уже возвращает массив подходящих элементов иначе пустой массив


const numbers = [1, 2, 3, 4, 5];
const filteredNumbers = numbers.filter(number => number > 3); // [4, 5]


Метод includes - проверяем есть ли элемент в массиве, вернет true или false


const pets = ["cat", "dog", "bird"];
const hasDog = pets.includes("dog"); // true


Все эти методы внутренне используют традиционный цикл for для итерации по элементам массива и проверки условия. В зависимости от выбранного метода, результатом может быть индекс элемента, сам элемент, или булево значение (true/false).

#JavaScript #array #search
  • 👍 18
  • ✍ 5
  • 👌 2
More from @reactify_it
  1. Oct 8, 2026Последний месяц жестко марафонил :) С утра до вечера, без выходных. Решил наконец подвести…
  2. Oct 2, 2026Что вообще для меня значит ИТ-АДАПТАЦИЯ? Это — РАБОТА ЛЮБОЙ ЦЕНОЙ. Сейчас такое время, ког…
  3. Oct 1, 2026А тем временем цены растут. Бесплатный ChatGPT, во-первых, как будто отупел, во-вторых, ли…
  4. Sep 30, 2026Ребята, если у вас уже есть опыт, но вы чувствуете, что он выглядит «непродающим» в резюме…
  5. Sep 29, 2026👩‍💻 ВСЯ инфраструктура за 30 минут: Kubernetes, ArgoCD, Grafana, CI/CD https://www.youtu…
  6. Sep 28, 2026В общем, что-то такое получилось 😁 Превью сделано нейронкой, но буду переделывать с помощ…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →