логотип PurpleSchool
логотип PurpleSchool

Метод .includes() в JavaScript

Автор

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

Метод includes() в JavaScript предоставляет простой способ проверить наличие элемента в массиве или подстроки в строке. Этот метод возвращает логическое значение true, если элемент или подстрока найдены, и false, если нет. Давайте рассмотрим работу этого метода более подробно.

Синтаксис

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

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

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

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

// Проверка наличия элемента 3 в массиве
const includesThree = numbers.includes(3);
console.log(includesThree); // Выведет: true

Если элемент не найден, метод includes() вернет false.

const includesTen = numbers.includes(10);
console.log(includesTen); // Выведет: false

Проверка наличия подстроки в строке

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

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

// Проверка наличия подстроки "потрясающий" в строке
const includesSubstring = str.includes("потрясающий");
console.log(includesSubstring); // Выведет: true

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

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

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

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

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

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

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

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

Заключение

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

Стрелочка влевоМетод .indexOf() в 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
Открыть базу знаний