Метод forEach – удобный способ обхода элементов массива в Javascript

29.08.2019

Для обхода элементов массива в современном Javascript существует метод forEach().

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

var myArray = ['Mazda', 'Tesla', 'Mercedes-Benz'];

myArray.forEach(function(element, index, arr) {
  alert(element);
});

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

Если бы мы использовали цикл for, он выглядел бы так:

var myArray = ['Mazda', 'Tesla', 'Mercedes-Benz'];

for (var i = 0; i < myArray.length; i++) {
  alert(myArray[i]);
}

Метод forEach позволяет писать более простой и понятный код, но, к сожалению, не поддерживается в IE, поэтому нужно использовать полифилл.

« список статей