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