логотип PurpleSchool
Иконка входа
Вход
логотип PurpleSchool

Метод .indexOf() в JavaScript

Автор

Дмитрий Нечаев

Метод indexOf() в JavaScript является одним из наиболее распространенных способов поиска вхождения элемента в массиве или подстроки в строке. Этот метод позволяет нам найти первое вхождение элемента или подстроки и вернуть его индекс, если он найден, или -1, если элемент не найден. Давайте подробнее рассмотрим работу этого метода.

Синтаксис

array.indexOf(searchElement[, fromIndex])
  • searchElement: Элемент или подстрока, которую мы ищем в массиве или строке.
  • fromIndex (опциональный): Начальный индекс, с которого начинается поиск. Если не указан, поиск начинается с индекса 0.

Поиск элемента в массиве

Давайте рассмотрим пример использования метода indexOf() для поиска элемента в массиве.

const numbers = [1, 2, 3, 4, 5];

// Поиск индекса элемента 3 в массиве
const index = numbers.indexOf(3);
console.log(index); // Выведет: 2

Если элемент не найден, метод indexOf() вернет -1.

const index = numbers.indexOf(10);
console.log(index); // Выведет: -1

Поиск подстроки в строке

Метод indexOf() также может использоваться для поиска подстроки в строке.

const str = "JavaScript - это потрясающий язык программирования";

// Поиск индекса подстроки "потрясающий" в строке
const index = str.indexOf("потрясающий");
console.log(index); // Выведет: 13

Указание начального индекса для поиска

Метод indexOf() также позволяет указать начальный индекс, с которого начнется поиск.

const str = "JavaScript - это потрясающий язык программирования";

// Поиск индекса подстроки "потрясающий" начиная с индекса 20
const index = str.indexOf("потрясающий", 20);
console.log(index); // Выведет: -1, так как подстрока не найдена после индекса 20

Использование метода indexOf() в условных выражениях

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

const fruits = ["яблоко", "груша", "апельсин"];

if (fruits.indexOf("груша") !== -1) {
  console.log("Груша найдена!");
} else {
  console.log("Груша не найдена!");
}

Заключение

Метод indexOf() в JavaScript является мощным инструментом для поиска элементов в массиве или подстрок в строке. Он позволяет нам легко находить индекс первого вхождения элемента или подстроки и использовать эту информацию для дальнейшей обработки данных. Понимание работы этого метода поможет вам эффективно использовать его в ваших скриптах и улучшить процесс обработки данных.

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile