Как перебрать массив в JavaScript: руководство для начинающих

Перебор массива в JavaScript можно осуществить несколькими способами: с помощью цикла for, метода forEach, метода map и других. Рассмотрим каждый из этих способов.

Цикл for:

Самый распространенный и привычный способ перебора массива - использование цикла for.

Пример кода:

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

Метод forEach:

Метод forEach позволяет перебрать каждый элемент массива и выполнить над ним определенные действия. Этот метод не возвращает новый массив.

Пример кода:

let array = [1, 2, 3, 4, 5];
array.forEach(function(item, index) {
  console.log(item);
});

Метод map:

Метод map создает новый массив, содержащий результаты вызова указанной функции для каждого элемента массива.

Пример кода:

let array = [1, 2, 3, 4, 5];
let newArray = array.map(function(item) {
  return item * 2;
});
console.log(newArray);

Метод filter:

Метод filter создает новый массив, содержащий все элементы из исходного массива, для которых функция фильтрации возвращает true.

Пример кода:

let array = [1, 2, 3, 4, 5];
let newArray = array.filter(function(item) {
  return item % 2 == 0;
});
console.log(newArray);

Метод reduce:

Метод reduce используется для свертки массива в единое значение. Он использует функцию, которая принимает два аргумента: аккумулятор и текущий элемент массива.

Пример кода:

let array = [1, 2, 3, 4, 5];
let sum = array.reduce(function(accumulator, item) {
  return accumulator + item;
});
console.log(sum);

Какой способ использовать зависит от конкретной задачи и личных предпочтений. Например, если нужно изменить каждый элемент массива, то можно использовать метод map. Если нужно выбрать только определенные элементы по какому-то условию - метод filter. Если нужно получить единственное значение на основе массива данных - метод reduce.