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

1. Основной цикл foreach:
   Простейшая форма цикла foreachвыглядит следующим образом:

const array = ['apple', 'banana', 'cherry'];
array.forEach((element) => {
  console.log(element);
});

Этот код будет перебирать каждый элемент массива и выводить его на консоль.

1. Доступ к индексу:
   Если вам нужно получить доступ к индексу каждого элемента во время итерации, вы можете использовать второй параметр метода forEach:

const array = ['apple', 'banana', 'cherry'];
array.forEach((element, index) => {
  console.log(`Element at index ${index}: ${element}`);
});

Этот код будет печатать и индекс, и элемент для каждой итерации.

1. Разрыв цикла.
   Чтобы преждевременно выйти из цикла foreach, вы можете создать исключение или просто использовать оператор return:

const array = ['apple', 'banana', 'cherry'];
try {
  array.forEach((element) => {
    if (element === 'banana') {
      throw new Error('Encountered banana!');
    }
    console.log(element);
  });
} catch (error) {
  console.log(error.message);
}

В этом примере цикл завершается при обнаружении элемента «банан», вызывая исключение, которое перехватывается и регистрируется.

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

const array = ['apple', 'banana', 'cherry'];
array.forEach((element, index, array) => {
  array[index] = element.toUpperCase();
});
console.log(array);  // Output: ['APPLE', 'BANANA', 'CHERRY']

В этом фрагменте кода цикл forEachпреобразует каждый элемент в верхний регистр.

1. Пропуск итераций.
   Если вы хотите пропустить определенные итерации в зависимости от условия, вы можете использовать оператор continue:

const array = ['apple', 'banana', 'cherry'];
array.forEach((element) => {
  if (element === 'banana') {
    return;  // Skip the iteration for 'banana'
  }
  console.log(element);
});

В этом примере цикл пропустит итерацию с элементом «банан».

Цикл foreachв TypeScript обеспечивает простой способ перебора массивов и выполнения операций над каждым элементом. В этой статье мы рассмотрели различные методы, включая базовое использование, доступ к индексу, разрыв цикла, изменение массива и пропуск итераций. Включив эти методы в свой код TypeScript, вы сможете эффективно работать с массивами и обрабатывать их элементы.

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