логотип 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 является мощным инструментом для поиска элементов в массиве или подстрок в строке. Он позволяет нам легко находить индекс первого вхождения элемента или подстроки и использовать эту информацию для дальнейшей обработки данных. Понимание работы этого метода поможет вам эффективно использовать его в ваших скриптах и улучшить процесс обработки данных.

Стрелочка влевоСтрока в JavaScriptСвойство .length в JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний