JavaScript forEach() 函数:简单易懂的示例与解释

forEach() 函数是 JavaScript 中用于迭代数组的一种常用方法。它允许您对数组中的每个元素执行指定的函数,而无需手动编写循环。

基本语法:

array.forEach(function(currentValue, index, arr) {
  // 在这里执行操作
});

参数:

  • array: 需要迭代的数组
  • function: 对每个元素执行的函数。该函数接收三个参数:
    • currentValue: 当前元素的值
    • index: 当前元素的索引
    • arr: 原始数组

示例:

// 定义一个数组
const numbers = [1, 2, 3, 4, 5];

// 定义一个迭代函数,将数组中的每个元素平方并打印出来
function square(number, index) {
    console.log('第' + (index + 1) + '个元素的平方是:' + (number * number));
}

// 使用forEach函数迭代数组
numbers.forEach(square);

输出结果:

第1个元素的平方是:1
第2个元素的平方是:4
第3个元素的平方是:9
第4个元素的平方是:16
第5个元素的平方是:25

解释:

在这个示例中,我们定义了一个数组 numbers 和一个迭代函数 squaresquare 函数接收两个参数:数组中的元素和元素的索引。在迭代过程中,我们使用 console.log 函数打印出了每个元素的平方。

forEach() 函数会依次遍历数组中的每个元素,并将元素和索引作为参数传递给 square 函数。最后,forEach() 函数不会返回任何值。

注意:

forEach() 函数主要用于执行副作用操作,例如打印结果或修改数组元素。如果需要返回一个新的数组,可以使用 map() 函数。

JavaScript forEach() 函数:简单易懂的示例与解释

原文地址: https://www.cveoy.top/t/topic/qkMv 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录