JavaScript forEach ()

Содержание

JavaScript для каждого
forEach с массивами
Обновление элементов массива
forEach с функцией стрелки
цикл for для forEach ()
для… из с наборами
forEach с картами

В этом руководстве вы узнаете о методе JavaScript forEach () с помощью примеров.

forEach()Метод вызывает функцию и перебирает элементы массива. Этот forEach()метод также можно использовать на картах и наборах.

JavaScript для каждого

Синтаксис forEach()метода:

 array.forEach(function(currentValue, index, arr))

Вот,

function (currentValue, index, arr) - функция, которая будет запускаться для каждого элемента массива
currentValue - значение массива
index (необязательно) - индекс текущего элемента

arr (необязательно) - массив текущих элементов

forEach с массивами

forEach()Метод используется для перебора массива. Например,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )

Вывод

 Джон Сара Джек

В приведенной выше программе forEach()метод принимает myFunction()функцию, отображающую каждый элемент массива студентов.

Обновление элементов массива

Как мы видели в приведенном выше примере, forEach()метод используется для итерации по массиву, обновлять элементы массива довольно просто. Например,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item, index, arr) ( // adding strings to the array elements arr(index) = 'Hello ' + item; ) console.log(students);

Вывод

 («Привет, Джон», «Привет, Сара», «Привет, Джек»)

forEach с функцией стрелки

Вы можете использовать стрелочную функцию с forEach()методом для написания программы. Например,

 // with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));

Вывод

 Джон Сара Джек

цикл for для forEach ()

Вот пример того, как мы можем написать программу с forциклом и с forEach().

Использование цикла for

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using for loop for (let i = 0; i < arrayItems.length; i++) ( copyItems.push(arrayItems(i)); ) console.log(copyItems);

Вывод

 («элемент1», «элемент2», «элемент3»)

Использование forEach ()

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);

для… из с наборами

Вы можете перебирать элементы Set с помощью forEach()метода. Например,

 // define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )

Вывод

 1 2 3

forEach с картами

Вы можете перебирать элементы карты с помощью forEach()метода. Например,

 let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map map.forEach (myFunction); function myFunction(value, key) ( console.log(key + '- ' + value); )

Вывод