При работе со списками или массивами в TypeScript важно знать, как эффективно их перебирать. В этой статье блога мы углубимся в различные методы, которые можно использовать для перебора списка в TypeScript. Мы рассмотрим их все: от традиционных циклов for до современных методов функционального программирования. Итак, начнём!

Методы:

1. Традиционный цикл For:
   Самый простой и широко используемый метод перебора списка — это традиционный цикл for. Это позволяет вам получить доступ к каждому элементу списка по его индексу. Вот пример:

const list = [1, 2, 3, 4, 5];
for (let i = 0; i < list.length; i++) {
  console.log(list[i]);
}

1. Цикл For…of:
   Цикл for…of — это более краткий и интуитивно понятный способ перебора итерируемого объекта, такого как массив. Это устраняет необходимость управлять индексами вручную. Вот пример:

const list = [1, 2, 3, 4, 5];
for (const element of list) {
  console.log(element);
}

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

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

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

const list = [1, 2, 3, 4, 5];
const doubledList = list.map((element) => {
  return element * 2;
});
console.log(doubledList);

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

const list = [1, 2, 3, 4, 5];
const evenNumbers = list.filter((element) => {
  return element % 2 === 0;
});
console.log(evenNumbers);

В этой статье мы рассмотрели несколько методов перебора списка в TypeScript. От традиционных циклов for до современных методов функционального программирования, таких как forEach(), map() и filter(), каждый подход имеет свои преимущества и варианты использования. Поняв эти различные методы, вы сможете выбрать наиболее подходящий подход для ваших конкретных потребностей.