Menu
CoddyTech

逐项处理

Coddy JavaScript 数组方法 课程的第 10 课,共 18 课。

forEach() 方法是数组的内置函数,会对数组中的每个元素执行一次指定的函数。这个函数称为回调函数,可以对元素执行各种操作,例如记录、修改或收集信息。执行顺序是从第一个元素(索引 0)到最后一个元素。

我们来创建一个水果数组,并使用 forEach() 记录水果的名称和价格:

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

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

/* 输出:  apple - $1.5
            banana - $0.75
            orange - $2  
*/

回调函数:这个函数接受三个参数:

  • element:正在处理的当前元素。
  • index:当前元素在数组中的索引。
  • array:调用 forEach() 的原始数组(可选)。
challenge icon

挑战

简单

有 4 个孩子,他们分别拿着 3、4、7 和 2 块巧克力,这些数量存储在 chocolates 数组中。

你的任务是编写 JavaScript 代码,将每个孩子的巧克力数量加倍,并输出这个数组。

亲手试试

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

// 在这里编写代码

JavaScript 数组方法中的所有课

自己练习: JavaScript 在线编译器