Вы можете просто использовать метод массива forEach() для перебора всех элементов в массиве с помощью JavaScript. Метод forEach() выполняет заданную функцию один раз для каждого элемента массива.
В следующем примере будут отображаться все значения в массиве городов с использованием цикла foreach.
<script>
// Образец массива
var cities = ["London", "Paris", "New York", "Amsterdam"];
// Перебираем массив
cities.forEach(function(value){
document.write("<p>" + value + "</p>");
});
</script>Метод forEach() не изменяет исходный массив (т.е. массив, для которого он вызывается). Однако функция обратного вызова, если она вызвана, может это сделать. Следующий пример изменяет данный массив, возводя в квадрат каждое его значение (умножая его на себя).
<script>
// Образец массива
var numbers = [1, 2, 3, 4, 5, 6];
// Перебираем массив и возводим в квадрат каждое значение
numbers.forEach(function(value, index, array){
array[index] = value * value;
});
console.log(numbers); // Печатаем: [1, 4, 9, 16, 25, 36]
</script>Базовый синтаксис метода forEach() может быть задан с помощью arr.forEach(function callback(value, index, array){ // your iterator }. Функция обратного вызова вызывается с тремя аргументами: значение элемента, индекс элемента, и проходимый массив.
Функция forEach() была добавлена в стандарт ECMAScript в 5-м издании. Этот метод поддерживается во всех основных современных браузерах, таких как Chrome, Firefox, IE9 + и т. д.
