JavaScript Array forEach()用法及代码示例

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

• 例：

  <script> 
      // 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(); 
  </script>                    
• 输出：

  26,50,74

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

用法:

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

参数：此方法接受上述和以下所述的五个参数：

• callback:此参数保存要为数组的每个元素调用的函数。
• element:该参数保存当前正在处理的元素的值。
• index:此参数是可选的，它保存从0开始的数组中当前值元素的索引。
• array:此参数是可选的，它包含在其上调用Array.every的完整数组。
• thisArg:此参数是可选的，它保存要在执行回调函数时使用的上下文。如果传递了上下文，则每次调用该回调函数时都将使用该上下文，否则将使用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

下面提供了上述方法的代码：

程序：

<script> 
    // 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(); 
</script>

输出：

1,841,2209

支持的浏览器：下面列出了JavaScript数组forEach()方法支持的浏览器：

• 谷歌浏览器
• Microsoft Edge 9.0
• Mozilla Firefox 1.5
• Safari
• Opera