溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JavaScript中foreach函數(shù)的使用方法

發(fā)布時間：2020-09-26 10:18:54 來源：億速云 閱讀：234 作者：小新 欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)JavaScript中foreach函數(shù)的使用方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

JavaScript中foreach函數(shù)的使用方法

我們先來看一下foreach函數(shù)基本語法

回調(diào)函數(shù)是對數(shù)組的每個數(shù)據(jù)執(zhí)行的過程。

數(shù)組.foreach（回調(diào)函數(shù)）

我們下面使用foreach函數(shù)進(jìn)行迭代處理

具體代碼如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
    var cats = [ '波斯貓', '橘貓', '藍(lán)貓', '緬甸貓' ];
    cats.forEach(function( cat ) {
      console.log( cat );
    });
    var runners = [ '張三', '李四', '王二', '陳五' ];
    runners.forEach(function( runner, index ) {
      console.log("第" + (index + 1) + "是" + runner + "同學(xué)。" );
    });
    </script>
  </body>
</html>

運行結(jié)果如下

JavaScript中foreach函數(shù)的使用方法

我們下面來具體分析一下上述代碼

代碼1：

var cats = [ '波斯貓', '橘貓', '藍(lán)貓', '緬甸貓' ];
cats.forEach(function( cat ) {
console.log( cat );
});

設(shè)置一個“cats”的數(shù)組，并對每個數(shù)組數(shù)據(jù)執(zhí)行foreach處理。函數(shù)接收數(shù)組的每個數(shù)據(jù)作為一個為cat的變量，并在console.log中輸出。對數(shù)組中的數(shù)據(jù)重復(fù)此操作。

結(jié)果，輸出以下字符串。

JavaScript中foreach函數(shù)的使用方法

代碼2：

var runners = [ '張三', '李四', '王二', '陳五' ];
runners.forEach(function( runner, index ) {
console.log( (index + 1) + "第二位是" + runner + "同學(xué)。" );
});

回調(diào)函數(shù)可以獲取數(shù)據(jù)索引號作為參數(shù)。

設(shè)置一個“runners”的數(shù)組，并對每個數(shù)組數(shù)據(jù)執(zhí)行foreach處理。

結(jié)果，輸出以下字符串。

JavaScript中foreach函數(shù)的使用方法

感謝各位的閱讀！關(guān)于JavaScript中foreach函數(shù)的使用方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手