reduce更多或者你不應該使用filter，更應該使用map；或者是for，為什么不使用forEach？是不是太糾結了。事實上呢？數組和數組的迭代函數對于初學者來說都會感到困惑，所以我將試著為每個簡化問題，最后提出的問題是：你想要返回什么？
為每個現有的東西返回一個東西：map()
只返回一些現有的東西：filter()
只返回一個東西：reduce()
不要返回任何東西，而是對每個已存在的東西做一些事情：forEach()
接下來一個個介紹這些數組相關的函數，并且使用一個非箭頭函數示例，另外同時用一個箭頭函數的示例。
map()如果你有一個數組，燕且希望對該數組中的每一項執行一些操作，返回一個帶有新值的數組，那么使用map()是最合適不過。這里有一個簡單的函數，它接受數組并將數組每個項做翻倍運算：
const originalArray = [1, 2, 3];const newArray = originalArray.map(function(item) { return item * 2;
});
console.log(newArray); // -> [2, 4, 6]使用ES6的箭頭函數：
const originalArray = [1, 2, 3];const newArray = originalArray.map(item => item * 2); console.log(newArray); // -> [2, 4, 6]
注意：使用新的箭頭函數語法，我們不需要使用function、return關鍵詞或者花括號{}。這是因為箭頭函數提供了像這樣的simple()函數的隱式返回。你可以從Wes Bos閱讀更多關于箭頭函數的信息。
filter()filter()可能是最容易理解的數組函數，因為它的命名非常好。filter()接受一系列的值，對每個值執行一個函數或比較，然后返回一個新的數組。這些值通過它的測試（我們稱之為truthy值）。
這里有一個示例，從一個數組中取出大于5的數，然后返回一個符合條件的新數組：
const originalArray = [1, 9, 4, 2, 42];const newArray = originalArray.filter(function(item) { return item > 5;
});
console.log(newArray); // -> [9, 42]使用ES6的箭頭函數：
const newArray = originalArray.filter(item => item > 5);
reduce()有時候你有一個系列的值，但你只想從它們當中返回一個新東西。數組中的reduce()函數會對數組中的每個項目執行一個函數或比較，然后對所謂的累加器執行一些操作。這是一個更容易用一個例子來描述的函數，因為它描述的術語和函數本身一樣讓人困惑。
假設你有名字的數組，你想數一下Bob這個名字出現的次數：
const originalArray = ["Alice", "Bob", "Charlie", "Bob", "Bob", "Charlie"];const numberOfBobs = originalArray.reduce(function(accumulator, item) { if (item === "Bob") { return accumulator + 1;
} else { return accumulator;
}
}, 0);
console.log(numberOfBobs); // -> 3使用ES6的箭頭函數：
const numberOfBobs = originalArray.reduce((accumulator, item) => { if (item === "Bob") { return accumulator + 1;
} else { return accumulator;
}
}, 0);正如你看到的一樣，這個箭頭函數并沒有節省我們的時間，因為我們必須為函數提供兩個參數，然后在返回之前有邏輯，所以我們仍需要花括號{}。
在reduce()函數末尾的0是我們累加器的開始值，如果我們遇到的值是Bob，則添加1，否則我們將返回當前的累加器。如果你不返回任何東西，那么下一次運行該函數的時候將返回undefined。
forEach()有時，你會有一系列想要處理的值，但不是需要跟蹤每個函數調用的返回值。這就是forEach()的意思。
const originalArray = [1, 2, 3];
originalArray.forEach(function(item) {
doSomething(item);
});使用ES6箭頭函數：
originalArray.forEach( item => doSomething(item); );
簡單而甜蜜的。這些是我們為每個函數提供的最簡單的示例，讓它盡可能地簡單，主要是便于理解何時應該使用它們。你可以用這些函數做大量的工作，而且每個函數都有一個高級形式，它也提供了當前的索引：
arr.map((item, index) => {})
arr.filter((item, index) => {})
arr.reduce((accumulator, item, index) => {})
arr.forEach((item, index) => {})聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 51dongshi.com 版權所有
違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務
