Как проверить, есть ли элемент в массиве в JavaScript (includes и indexOf)?

Для простых значений (числа, строки) самый читаемый способ — includes, он возвращает true/false.

const roles = ['user', 'editor', 'admin'];
console.log(roles.includes('admin')); // true
console.log(roles.includes('guest')); // false

Идеально для условий:

if (roles.includes('admin')) {
  console.log('Доступ разрешён');
}

indexOf — старший брат, возвращает индекс найденного или -1, если нет. До появления includes проверку писали так:

if (roles.indexOf('admin') !== -1) {
  // есть
}

Это работает, но includes нагляднее, когда нужен просто факт наличия. indexOf бери, когда нужна и позиция элемента.

Важные ограничения обоих:

1. Сравнение строгое (как ===). '5' и 5 — не одно и то же:

[1, 2, 3].includes('2'); // false — строка против числа

2. Не работают для поиска объектов по содержимому — сравниваются по ссылке:

const users = [{ id: 1 }];
users.includes({ id: 1 }); // false — это другой объект в памяти

Для объектов по полю используй some:

users.some(u => u.id === 1); // true

3. includes (в отличие от indexOf) умеет находить NaN:

[NaN].includes(NaN);  // true
[NaN].indexOf(NaN);   // -1 — не находит!