Menu
Coddy logo textTech

For Each

Урок 10 из 18 курса Методы массивов в JavaScript на Coddy.

Метод forEach() — это встроенная функция для массивов, которая выполняет предоставленную функцию один раз для каждого элемента в массиве. Эта функция, называемая функцией обратного вызова (callback function), может выполнять различные операции над элементами, такие как логирование, изменение или сбор информации. Порядок выполнения — от первого элемента (индекс 0) до последнего.

Давайте создадим массив фруктов и используем forEach(), чтобы вывести их названия и цены:

const fruits = ["apple", "banana", "orange"];
const prices = [1.50, 0.75, 2.00];

fruits.forEach((fruit, index) => {
  console.log(`${fruit} - ${prices[index]}`);
}); 

/* Output:  apple - $1.5
            banana - $0.75
            orange - $2  
*/

Функция обратного вызова: Эта функция принимает три аргумента:

  • element: Текущий обрабатываемый элемент.
  • index: Индекс текущего элемента в массиве.
  • array: Исходный массив, для которого был вызван метод forEach() (необязательно).
challenge icon

Задание

Легко

У нас есть группа из четырех детей, у которых есть 3, 4, 7 и 2 шоколадки соответственно, как указано в массиве chocolates.

Ваша задача — написать код на JavaScript, чтобы удвоить количество шоколадок у каждого ребенка и вывести массив в консоль.

Попробуйте сами

let chocolates = [3, 4, 7, 2];

// Напишите код здесь

Все уроки раздела Методы массивов в JavaScript