Image Not Showing
Possible Reasons
- The image was uploaded to a note which you don't have access to
- The note which the image was originally uploaded to has been deleted
Learn More →
【學習筆記】JavaScript 的陣列遍歷(二):forEach/map/filter/every/some/reduce
接續上篇【學習筆記】JavaScript 的陣列遍歷(ㄧ):for/for…of/for…in/forEach,這篇筆記整理幾種 JavaScript 遍歷陣列的方法,探討其使用時機與彼此的區別:
arr.forEach((value, index, array) => { // todo... })
arr.map(value => { // todo... })
arr.filter(value => { // todo... })
arr.every(value => { // todo... })
arr.some(value => { // todo... })
arr.reduce((acc, value)=> acc + value)
forEach:遍歷陣列,無返回值,會改變原來陣列
map:遍歷陣列,返回處理後的新陣列
- 使用範例:
- 常用於修改陣列中的資料格式,得到返回值後再執行後續動作
filter:篩選陣列中滿足條件的元素,並返回一個新陣列
every:判斷陣列中所有元素是否都滿足條件,返回一個布林值
some:判斷陣列中是否至少存在一個滿足條件的元素,返回一個布林值
reduce:將陣列中所有元素加總計算,返回一個總和
- callback 傳入參數:
- accumulator:目前累加值
- currentValue:目前執行到的元素值
- currentIndex:目前執行到的元素索引值
- array:陣列本身
- initialValue:初始累加值 => 若無指定則預設為 0
參考資料