Итерация массива — это фундаментальная концепция JavaScript, позволяющая разработчикам перемещаться и обрабатывать элементы массива. В этой статье мы рассмотрим различные методы итерации массива с использованием цикла for в JavaScript, а также примеры кода, иллюстрирующие их использование. К концу вы получите четкое представление о том, как эффективно перебирать массивы и использовать различные методы для выполнения задач программирования.

1. Основы цикла for:
   Основы цикла for — это широко используемый метод итерации для массивов. Это соответствует синтаксису:

for (let i = 0; i < array.length; i++) {
  // Code to be executed for each array element
}

Пример:

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

2. Цикл for…of:
   Цикл for…of, представленный в ECMAScript 2015 (ES6), обеспечивает более понятный синтаксис для перебора массивов. Он перебирает значения вместо индексов.

for (let element of array) {
  // Code to be executed for each array element
}

Пример:

const fruits = ['apple', 'banana', 'orange'];
for (let fruit of fruits) {
  console.log(fruit);
}

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

array.forEach(function(element) {
  // Code to be executed for each array element
});

Пример:

const colors = ['red', 'green', 'blue'];
colors.forEach(function(color) {
  console.log(color);
});

4. Метод карты:
   Метод mapсоздает новый массив, применяя предоставленную функцию к каждому элементу исходного массива.

const newArray = array.map(function(element) {
  // Code to be executed for each array element
  // Return the modified element
});

Пример:

const numbers = [1, 2, 3];
const doubledNumbers = numbers.map(function(number) {
  return number * 2;
});
console.log(doubledNumbers);

5. Метод фильтра:
   Метод filterсоздает новый массив со всеми элементами, прошедшими заданный тест.

const newArray = array.filter(function(element) {
  // Code to be executed for each array element
  // Return true or false based on the test condition
});

Пример:

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});
console.log(evenNumbers);

В этой статье мы рассмотрели несколько методов итерации массива в JavaScript с использованием цикла for. Мы рассмотрели базовый цикл for, цикл for…of и важные методы работы с массивами, такие как forEach, mapи filter. Эти методы обеспечивают универсальность и гибкость при работе с массивами, позволяя эффективно манипулировать и обрабатывать элементы массива. Освоив эти методы, вы получите мощный набор инструментов для обработки итераций массивов в ваших проектах JavaScript.

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