TypeScript, расширенная версия JavaScript, предоставляет несколько мощных методов для перебора массивов. Одним из таких методов является forEach, который позволяет выполнять определенную операцию над каждым элементом массива. В этой статье мы рассмотрим метод forEachв TypeScript и приведем примеры кода для различных вариантов использования.

1. Основное использование:
   Метод forEachвыполняет предоставленную функцию один раз для каждого элемента массива. Вот простой пример:

const numbers: number[] = [1, 2, 3, 4, 5];
numbers.forEach((number) => {
  console.log(number);
});

Выход:

1
2
3
4
5

1. Доступ к индексу и массиву:
   Вы также можете получить доступ к индексу и самому массиву с помощью функции обратного вызова forEach:

const fruits: string[] = ['apple', 'banana', 'cherry'];
fruits.forEach((fruit, index, array) => {
  console.log(`Index: ${index}, Fruit: ${fruit}, Array: ${array}`);
});

Выход:

Index: 0, Fruit: apple, Array: apple,banana,cherry
Index: 1, Fruit: banana, Array: apple,banana,cherry
Index: 2, Fruit: cherry, Array: apple,banana,cherry

1. Изменение массива:
   Хотя forEachв основном используется для итерации, вы можете изменить элементы массива с помощью функции обратного вызова:

const names: string[] = ['Alice', 'Bob', 'Charlie'];
names.forEach((name, index, array) => {
  array[index] = name.toUpperCase();
});
console.log(names);

Выход:

['ALICE', 'BOB', 'CHARLIE']

1. Досрочное завершение:
   В некоторых случаях может потребоваться досрочное завершение цикла. Для этого вы можете использовать оператор returnв обратном вызове forEach:

const numbers: number[] = [1, 2, 3, 4, 5];
numbers.forEach((number) => {
  if (number === 3) {
    return; // Terminate the loop when number is 3
  }
  console.log(number);
});

Выход:

1
2

Метод forEachв TypeScript предоставляет удобный способ перебора массивов и выполнения операций над каждым элементом. Мы рассмотрели его базовое использование, доступ к индексу и массиву, изменение массива и досрочное завершение. Освоив метод forEach, вы сможете повысить продуктивность работы с массивами в TypeScript.

Не забудьте поэкспериментировать с различными вариантами использования и изучить другие методы итерации массива, доступные в TypeScript!