ES6 使用forEach遍歷數組

意圖:使用forEach遍歷roles數組，打印數組中的對象

1、准備數據 data

{
"roles": [
{"name": "admin","funs": "1,2,3"},
{"name": "調度員","funs": "1,3"},
{"name": "司機","funs": "3"}
]
};

2、打印

role.GetList().roles.forEach(logArrayElements);

function logArrayElements(element, index, array) {
console.log("a[" + index + "] = " + element.name);
}

3、forEach解釋：

語法

array.forEach(callback(currentValue, index, array){
    //do something
}, this)

array.forEach(callback[, thisArg])

參數

callback

為數組中每個元素執行的函數，該函數接收三個參數：

currentValue(當前值)

數組中正在處理的當前元素。

index(索引)

數組中正在處理的當前元素的索引。

array

forEach()方法正在操作的數組。

thisArg 可選

可選參數。當執行回調 函數時 用作 this的值(參考對象)。

返回值

undefined.

描述

forEach 方法按升序為數組中含有效值的每一項執行一次callback 函數，那些已刪除（使用delete方法等情況）或者未初始化的項將被跳過（但不包括那些值為 undefined 的項）（例如在稀疏數組上）。

callback 函數會被依次傳入三個參數：

• 數組當前項的值
• 數組當前項的索引
• 數組對象本身

如果給forEach傳遞了thisArg參數，當調用時，它將被傳給callback 函數，作為它的this值。否則，將會傳入 undefined 作為它的this值。callback函數最終可觀察到this值，這取決於 函數觀察到this的常用規則。