JavaScript中foreach函數怎麼使用-js教程-PHP中文網

JavaScript中foreach函數怎麼使用

不言

發布： 2018-12-24 18:00:05

原創

9258 人瀏覽過

在JavaScript中foreach函數怎麼使用中foreach函數怎麼使用中foreach函數怎麼使用中數組可以處理多個數據，而foreach函數可以對數組的每個數據執行類似的處理，本篇文章就來詳細介紹一下JavaScript中foreach函數怎麼使用中foreach函數怎麼使用中foreach函數怎麼使用中foreach函數的用法。

JavaScript中foreach函數怎麼使用中foreach函數怎麼使用中foreach函數怎麼使用

我們先來看看foreach函數基本語法

#回呼函數是對陣列的每個資料執行的過程。

数组.foreach（回调函数）

登入後複製

我們下面使用foreach函數進行迭代處理

具體程式碼如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript中foreach函數怎麼使用中foreach函數怎麼使用中foreach函數怎麼使用</title>
  </head>
  <body>
    <script>
    var cats = [ &#39;波斯猫&#39;, &#39;橘猫&#39;, &#39;蓝猫&#39;, &#39;缅甸猫&#39; ];
    cats.forEach(function( cat ) {
      console.log( cat );
    });
    var runners = [ &#39;张三&#39;, &#39;李四&#39;, &#39;王二&#39;, &#39;陈五&#39; ];
    runners.forEach(function( runner, index ) {
      console.log("第" + (index + 1) + "是" + runner + "同学。" );
    });
    </script>
  </body>
</html>

登入後複製

運行結果如下

JavaScript中foreach函數怎麼使用中foreach函數怎麼使用中foreach函數怎麼使用

我們下面來具體分析上述程式碼

程式碼1：

var cats = [ &#39;波斯猫&#39;, &#39;橘猫&#39;, &#39;蓝猫&#39;, &#39;缅甸猫&#39; ];
cats.forEach(function( cat ) {
console.log( cat );
});

登入後複製

設定一個「cats」的陣列，並對每個陣列資料執行foreach處理。函數接收數組的每個資料作為一個為cat的變量，並在console.log中輸出。對數組中的資料重複此操作。

結果，輸出以下字串。

JavaScript中foreach函數怎麼使用中foreach函數怎麼使用中foreach函數怎麼使用

程式碼2：

var runners = [ &#39;张三&#39;, &#39;李四&#39;, &#39;王二&#39;, &#39;陈五&#39; ];
runners.forEach(function( runner, index ) {
console.log( (index + 1) + "第二位是" + runner + "同学。" );
});

登入後複製

回呼函數可以取得資料索引號碼作為參數。

設定一個「runners」的數組，並對每個數組資料執行foreach處理。

結果，輸出以下字串。

JavaScript中foreach函數怎麼使用