Современный синтаксис циклов JavaScript включает несколько методов, которые обеспечивают более краткие и выразительные способы перебора массивов и других итерируемых объектов. Вот некоторые часто используемые методы:

Цикл

1. for…of: Цикл for...ofпозволяет перебирать повторяемые объекты, такие как массивы, строки и коллекции, обращаясь к каждому элементу напрямую без необходимости использования индексная переменная. Он обеспечивает более простой синтаксис по сравнению с традиционными циклами for.

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

2. Array.prototype.forEach(): метод forEach()выполняет предоставленную функцию один раз для каждого элемента массива. Это полезно для выполнения действия над каждым элементом без явного сохранения индекса.

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

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

const array = [1, 2, 3, 4, 5];
const newArray = array.map((element) => element * 2);
console.log(newArray);

4. Array.prototype.filter(): метод filter()создает новый массив, содержащий элементы, соответствующие заданному условию. Он принимает функцию обратного вызова и возвращает новый массив, содержащий только те элементы, которые удовлетворяют условию.

const array = [1, 2, 3, 4, 5];
const filteredArray = array.filter((element) => element > 2);
console.log(filteredArray);

5. Array.prototype.reduce(): метод reduce()применяет функцию для уменьшения массива до одного значения. Он перебирает каждый элемент и накапливает результат, применяя предоставленную функцию.

const array = [1, 2, 3, 4, 5];
const sum = array.reduce((accumulator, element) => accumulator + element, 0);
console.log(sum);

Цикл
6. for…in: Цикл for…inперебирает перечисляемые свойства объекта, такие как ключи объекта или индексы массива. Это полезно для перебора объектов или массивов, где порядок итерации не важен.

const object = { a: 1, b: 2, c: 3 };
for (const key in object) {
  console.log(key, object[key]);
}