Как проверить, содержит ли массив строку в TypeScript?

Основной способ: метод includes()

В TypeScript (и современном JavaScript) лучший способ проверить, содержит ли массив строку — это использовать метод includes(). Он появился в ES2016 и теперь поддерживается везде. Вот как это работает:

const fruits: string[] = ['apple', 'banana', 'orange'];
const search: string = 'banana';

if (fruits.includes(search)) {
  console.log('Фрукт найден!');
} else {
  console.log('Фрукт не найден.');
}

includes() возвращает true или false. Он учитывает регистр (case-sensitive), то есть 'Banana' не будет совпадать с 'banana'. Если нужно искать без учёта регистра, приведите все элементы к одному регистру:

const fruits: string[] = ['Apple', 'Banana', 'Orange'];
const search: string = 'banana';

const found = fruits.some(
  fruit => fruit.toLowerCase() === search.toLowerCase()
);

if (found) {
  console.log('Фрукт найден (без учёта регистра)!');
}

Почему includes() лучше, чем indexOf()?

Раньше разработчики использовали indexOf():

if (fruits.indexOf(search) !== -1) { ... }

У includes() есть преимущества:

• Читаемость: includes(search) читается как "включает ли элемент search?" — это интуитивно понятно.
• Типобезопасность: includes() корректно работает с NaN (который indexOf() не находит), хотя для строк это неактуально.
• Возвращаемое значение: boolean вместо числа, что упрощает условные конструкции.

Обработка undefined и null

Если массив может быть undefined или null, TypeScript выдаст ошибку компиляции. Чтобы избежать этого, используйте опциональную цепочку (?.) или проверку:

const fruits: string[] | undefined = getFruits(); // может быть undefined

// Вариант 1: опциональная цепочка
if (fruits?.includes('banana')) {
  console.log('Нашёл!');
}

// Вариант 2: явная проверка
if (fruits && fruits.includes('banana')) {
  console.log('Нашёл!');
}

Альтернативные подходы (когда includes() не подходит)

1. Метод some() — для сложных условий

Если нужно проверить не точное совпадение, а, например, частичное вхождение или условие:

const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
];

const hasBob = users.some(user => user.name === 'Bob');
console.log(hasBob); // true

2. Метод find() — когда нужно получить сам элемент

Если нужно не просто проверить наличие, но и получить найденный элемент:

const fruits: string[] = ['apple', 'banana', 'orange'];
const found = fruits.find(fruit => fruit === 'banana');

if (found) {
  console.log(`Нашёл: ${found}`);
}

3. Цикл for — только для очень старых браузеров

В 2024 году это уже не нужно, но для полноты картины:

let found = false;
for (let i = 0; i < fruits.length; i++) {
  if (fruits[i] === 'banana') {
    found = true;
    break;
  }
}

Рекомендация

Для 99% случаев используйте includes(). Это самый простой, читаемый и производительный метод. Если нужна проверка с условием — some(). Если нужен сам элемент — find().

И помните: TypeScript сам подскажет вам правильные типы и методы через IntelliSense, так что не бойтесь экспериментировать!

const fruitsArray: string[] = ['apple', 'banana', 'orange', 'grape', 'kiwi'];
const fruitsSet = new Set(fruitsArray);

// Теперь проверки будут очень быстрыми
const checks = ['banana', 'mango', 'apple'];
for (const fruit of checks) {
  if (fruitsSet.has(fruit)) {
    console.log(`${fruit} есть в наборе`);
  } else {
    console.log(`${fruit} отсутствует`);
  }
}