您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關JavaScript中foreach函數的使用方法的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
我們先來看一下foreach函數基本語法
回調函數是對數組的每個數據執行的過程。
數組.foreach(回調函數)
我們下面使用foreach函數進行迭代處理
具體代碼如下
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>JavaScript</title> </head> <body> <script> var cats = [ '波斯貓', '橘貓', '藍貓', '緬甸貓' ]; cats.forEach(function( cat ) { console.log( cat ); }); var runners = [ '張三', '李四', '王二', '陳五' ]; runners.forEach(function( runner, index ) { console.log("第" + (index + 1) + "是" + runner + "同學。" ); }); </script> </body> </html>
運行結果如下
我們下面來具體分析一下上述代碼
代碼1:
var cats = [ '波斯貓', '橘貓', '藍貓', '緬甸貓' ]; cats.forEach(function( cat ) { console.log( cat ); });
設置一個“cats”的數組,并對每個數組數據執行foreach處理。函數接收數組的每個數據作為一個為cat的變量,并在console.log中輸出。對數組中的數據重復此操作。
結果,輸出以下字符串。
代碼2:
var runners = [ '張三', '李四', '王二', '陳五' ]; runners.forEach(function( runner, index ) { console.log( (index + 1) + "第二位是" + runner + "同學。" ); });
回調函數可以獲取數據索引號作為參數。
設置一個“runners”的數組,并對每個數組數據執行foreach處理。
結果,輸出以下字符串。
感謝各位的閱讀!關于JavaScript中foreach函數的使用方法就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。