JavaScript 数组 forEach() 方法

下面是Array forEach()方法的示例。

• 例子：

      // JavaScript to illustrate forEach() method
      function func() {
        
          // Original array
          const items = [12, 24, 36];
          const copy = [];
    
          items.forEach(function (item) {
              copy.push(item + item+2);
          });
    
          document.write(copy);
      }
      func();
                      

• 输出：

  26,50,74

arr.forEach()方法为数组的每个元素调用一次提供的函数。提供的函数可以对给定数组的元素执行任何类型的操作。

句法：

array.forEach(callback(element, index, arr), thisValue)

参数：此方法接受上面提到的五个参数，如下所述：

• callback：此参数保存要为数组的每个元素调用的函数。
• element：参数保存当前正在处理的元素的值。
• index：该参数是可选的，它保存数组中当前值元素从0开始的索引。
• array：这个参数是可选的，它保存了调用 Array.every 的完整数组。
• thisArg：此参数是可选的，它保存要作为 this 传递的上下文，以便在执行回调函数时使用。如果传递了上下文，它将在每次调用回调函数时都这样使用，否则使用 undefined 作为默认值。

返回值：此方法的返回值始终为undefined 。此方法可能会或可能不会更改提供的原始数组，因为它取决于参数函数的功能。

下面的示例说明了 JavaScript 中的 Array forEach() 方法：

• 示例：在此示例中， forEach()方法计算数组中每个元素的平方。

  const items = [1, 29, 47];
  const copy = [];
  
  items.forEach(function(item){
    copy.push(item*item);
  });
  print(copy);
  

  输出：

  1,841,2209

上述方法的代码如下：

程序：

    // JavaScript to illustrate forEach() method
    function func() {
        
        // Original array
        const items = [1, 29, 47];
        const copy = [];
  
        items.forEach(function (item) {
            copy.push(item * item);
        });
  
        document.write(copy);
    }
    func();

输出：

1,841,2209

支持的浏览器： JavaScript Array forEach()方法支持的浏览器如下：

• 谷歌浏览器 1 及更高版本
• 边缘 12 及以上
• 火狐1.5及以上
• Internet Explorer 9 及更高版本
• Opera 9.5 及以上
• Safari 3 及以上