js循環遍歷數組的方式

前言

最近在寫前端代碼，裏面常常涉及到數組的循環取值。這裏簡單總結下前端中數組遍歷的四種方式：

• 數組下標循環
• for in 循環
• for of 循環
• foreach循環

例子

假設有以下數組：members，每一個數組元素是一個字典/map,要遍歷數組打印每一個memberID的值。

var members =

[

{"memberID" : 1 },

{"memberID" : 2 },

{"memberID" : 3 }

];

數組循環

//經過數組下標方式訪問，比較通用的方法for ( var index = 0; index < members.length; index++) {  
        console.log(index, members[index].memberID );  
}

for in 循環

//for in獲取的也是下標，比上面的寫法相對簡單for (let index in members ) {
    console.log(index, members[index].memberID);
}

for of 循環

//for of取的是數組的值，而不是下標：ES6語法for (let member in members ) {
    console.log(member.memberID);
}

foreach循環

//和for of同樣，遍歷的是數組的每一個元素的值members.forEach((v)=>
    { console.log(v); }
);

以上就是js循環遍歷數組的四種方法，前兩種是輸入經過下標訪問，後兩種是經過值來訪問。

快送門：各類學習資料與大廠招聘

博主：測試生財（一個不爲996而996的測開碼農）

座右銘：專一測試開發與自動化運維，努力讀書思考寫做，爲內卷的人生奠基財務自由。

內容範疇：技術提高，職場雜談，事業發展，閱讀寫做，投資理財，健康人生。

csdn：https://blog.csdn.net/ccgshigao

博客園：https://www.cnblogs.com/qa-freeroad/

51cto：https://blog.51cto.com/14900374

微信公衆號：測試生財（按期分享獨家內容和資源）