Обход массивов и коллекций — фундаментальная операция в программировании. В TypeScript цикл for…of предоставляет удобный способ перебора итерируемых объектов. Однако он не обеспечивает прямой доступ к индексу каждого элемента. В этой статье мы рассмотрим различные методы итерации по индексу в TypeScript, а также приведем примеры кода для демонстрации каждого подхода.

Метод 1: использование внешней индексной переменной
Одним из распространенных способов итерации по индексу в TypeScript является использование внешней индексной переменной. Вот пример:

const items = ['apple', 'banana', 'cherry'];
for (let i = 0; i < items.length; i++) {
  const item = items[i];
  console.log(`Element at index ${i}: ${item}`);
}

Метод 2: использование метода elements()
Метод entries()возвращает итерируемый объект, который предоставляет как индекс, так и значение каждого элемента массива. Вот пример:

const items = ['apple', 'banana', 'cherry'];
for (const [index, item] of items.entries()) {
  console.log(`Element at index ${index}: ${item}`);
}

Метод 3: использование метода forEach()
Метод forEach()позволяет выполнять итерацию по массиву и предоставляет функцию обратного вызова, которая получает каждый элемент вместе с его индексом. Вот пример:

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

Метод 4: использование метода map()
Метод map()создает новый массив путем преобразования каждого элемента исходного массива. Он также предоставляет индекс каждого элемента в качестве необязательного второго аргумента функции сопоставления. Вот пример:

const items = ['apple', 'banana', 'cherry'];
const mappedItems = items.map((item, index) => {
  return `Element at index ${index}: ${item}`;
});
console.log(mappedItems);

В этой статье мы рассмотрели различные методы итерации по индексу в TypeScript. Мы рассмотрели использование внешней индексной переменной, метода entries(), метода forEach()и метода map(). Каждый метод предлагает свои преимущества в зависимости от конкретного варианта использования. Используя эти методы, вы можете легко получить доступ к индексу при переборе массивов или итерируемых объектов в TypeScript.