JavaScript -數組 forEach() 方法
在JavaScript中，數組是一種很常用的數據類型。愛掏網 - it200.com而數組的 forEach() 方法可以對數組中的每個元素進行遍歷，相對于for循環來說，forEach() 方法更為簡潔和易讀。愛掏網 - it200.com
forEach() 方法的語法如下：
arr.forEach(function(value, index, array) {
// value：數組元素的值
// index：數組元素的索引
// array：當前正在遍歷的數組對象
}, thisArg);
其中，第一個參數是一個回調函數，必需的，表示遍歷數組時執行的代碼，而第二個參數則是設置回調函數內部的this對象（可選的）。愛掏網 - it200.com回調函數中的三個參數分別是數組元素的值，數組元素的索引和數組對象本身。愛掏網 - it200.com
forEach() 方法的示例
以下是一個簡單的 JavaScript 示例，展示如何使用 forEach() 方法遍歷數組并打印每個元素。愛掏網 - it200.com
var numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
console.log(number);
});
運行結果為：
1
2
3
4
5
可以看出，我們通過傳遞一個回調函數，遍歷了 numbers 數組中的每個元素，并將每個元素分別打印到了控制臺上。愛掏網 - it200.com
可以同時使用 value 和 index 參數。愛掏網 - it200.com
var fruits = ["apple", "banana", "mango", "orange"];
fruits.forEach(function(fruit, index) {
console.log(fruit, index);
});
運行結果為：
apple 0
banana 1
mango 2
orange 3
可以看出，我們在回調函數中同時使用了 fruit 和 index 兩個參數，分別輸出了每個水果的名稱和它在數組中的索引。愛掏網 - it200.com
在回調函數中修改數組元素
在對數組進行遍歷時，我們經常需要對遍歷到的元素進行一些操作，而 forEach() 方法通過回調函數的方式支持在遍歷時修改元素。愛掏網 - it200.com
下面是一個實例，將數組中的每一個元素乘以2后返回一個新的數組。愛掏網 - it200.com
var numbers = [1, 2, 3, 4, 5];
var doubledNumbers = [];
numbers.forEach(function(number) {
doubledNumbers.push(number * 2);
});
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
可以看出，我們在回調函數中將每個元素乘以2后，將其推送到了 doubledNumbers 數組中。愛掏網 - it200.com最終，我們得到了一個新的數組，其中的每一個元素均為原數組 numbers 中的元素乘以2。愛掏網 - it200.com
使用箭頭函數簡化代碼
如果要進一步簡化代碼，我們可以使用ES6中的箭頭函數來定義回調函數。愛掏網 - it200.com
var numbers = [1, 2, 3, 4, 5];
var doubledNumbers = [];
numbers.forEach(number => {
doubledNumbers.push(number * 2);
});
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
可以看出，箭頭函數的語法更為簡潔明了，特別適合定義匿名函數。愛掏網 - it200.com
forEach() 方法在對象中的使用
除了數組外，forEach() 方法也可以在 JavaScript 對象中使用。愛掏網 - it200.com我們可以通過遍歷對象的屬性并執行回調函數來實現操作。愛掏網 - it200.com
var obj = { a: 1, b: 2, c: 3 };
Object.keys(obj).forEach(function(key) {
console.log(key, obj[key]);
});
運行結果為：
a 1
b 2
c 3
可以看出，我們通過 Object.keys() 方法獲取到了 obj 對象中的所有鍵，然后通過遍歷鍵并執行回調函數，輸出了每個鍵和它所對應的值。愛掏網 - it200.com
結論
JavaScript 數組的 forEach() 方法可用于對數組的遍歷，相較于傳統的 for 循環，代碼更為簡潔易懂。愛掏網 - it200.com在回調函數中可以對數組元素進行操作或者輸出，也可以使用箭頭函數來簡化代碼。愛掏網 - it200.com同時，forEach() 方法也可以在 JavaScript 對象中使用，來遍歷對象屬性并執行操作。愛掏網 - it200.com