文章目錄
- 1.forEach()
- 2.map()
- 3.filter()
- 4.reduce()
- 5.some()
- 6.every()
- 7.all()方法
1.forEach()
var arr = [1,2,3,4];
arr.forEach((item,index,arr) => {
console.log(item) //結果為1,2,3,4
})
// 陣列的遍歷方法，無回傳值，不改變原陣列
2.map()
var arr = [1,2,3,4];
arr.map((item,index,arr) => {
return item*10 //新陣列為10,20,30,40
})
//map遍歷陣列，回傳一個新陣列，不改變原陣列的值，
3.filter()
var arr = [1,2,3,4];
arr.filter((item,index,arr) => {
return item > 2 //新陣列為[3,4]
})
//filter過濾掉陣列中不滿足條件的值，回傳一個新陣列，不改變原陣列的值，
4.reduce()
var arr = [1,2,3,4];
arr.reduce((sum,item,index,arr) => {
// sum 上次回圈回傳的值，若為第一次回圈值為 origin
// item 回圈項
// index 回圈下表
// arr 源陣列
return sum + item;
},origin)
//reduce 遍歷資料求和，
5.some()
var arr = [1,2,3,4];
arr.some((item,index,arr) => {
return item > 3 //結果為true
})
//遍歷陣列每一項，有一項回傳true,則停止遍歷，結果回傳true，不改變原陣列
6.every()
var arr = [1,2,3,4];
arr.every((item,index,arr) => {
return item > 1 //結果為false
})
//遍歷陣列每一項，每一項回傳true,則最終結果為true，當任何一項回傳false時，停止遍歷，回傳false，不改變原陣列
// 與some()方法互補
7.all()方法
多個異步操作執行完后才執行回呼
Promise.all([promise1,promise2,promise3])
.then(results => {
// results 是上面多個promise回呼結果的陣列
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/216998.html
標籤：其他