Автор оригинала: Cem Eygi.
Метод FOREACH JavaScript является одним из нескольких способов петли через массивы. Каждый метод имеет разные функции, и он зависит от вас, в зависимости от того, что вы делаете, чтобы решить, какой из них использовать.
В этом посте мы собираемся посмотрите на метод Foreach JavaScript.
Учитывая, что у нас есть следующий массив ниже:
const numbers = [1, 2, 3, 4, 5];
Использование традиционного «для цикла» на петлю через массив будет таким:
for (i = 0; i < numbers.length; i++) {
console.log(numbers[i]);
} Что делает метод foreach () отличаться?
Метод FOREACH также используется для петли через массивы, но он использует функцию по-разному, чем классический «для цикла».
Метод FOREACH проходит функцию обратного вызова для каждого элемента массива вместе со следующими параметрами:
- Текущее значение (обязательно) – Значение текущего элемента массива
- Индекс (необязательно) – Индекс текущего элемента
- Массив (необязательно) – Объект массива, к которому принадлежит текущий элемент
Позвольте мне объяснить эти параметры шаг за шагом.
Во-первых, для петли через массив, используя метод Foreach, вам нужен функция обратного вызова (или анонимная функция):
numbers.forEach(function() {
// code
});Функция будет выполнена для каждого элемента массива. Он должен взять хотя бы один параметр, который представляет элементы массива:
numbers.forEach(function(number) {
console.log(number);
});Это все, что нам нужно сделать для циркуляции через массив:
В качестве альтернативы вы можете использовать функцию функции стрелки ES6 для упрощения кода:
numbers.forEach(number => console.log(number));
Дополнительные параметры
Показатель
Хорошо, теперь давайте продолжим с дополнительными параметрами. Первый – это параметр «index», который представляет собой индекс номер каждого элемента.
По сути, мы можем увидеть индекс номер элемента, если мы включаем его в качестве второго параметра:
numbers.forEach((number, index) => {
console.log('Index: ' + index + ' Value: ' + number);
});Множество
Параметр массива – это сам массив. Он также необязательно и может быть использован при необходимости в различных операциях. В противном случае, если мы назовем это, это просто будет напечатано столько раз, сколько количество элементов массива:
numbers.forEach((number, index, array) => {
console.log(array);
});Вы можете увидеть пример использования метода FOREACH () в этом видео:
Поддержка браузера
Метод Array.foreach – Поддерживается Во всех браузерах ожидают, что версия 8 или ранее:
Если вы хотите узнать больше о веб-разработке, не стесняйтесь посетить мой YouTube канал .
Спасибо за чтение!
Оригинал: “https://www.freecodecamp.org/news/javascript-foreach-how-to-loop-through-an-array-in-js/”