ES6新增的數(shù)組方法
關(guān)于數(shù)組中forEach() 闰蚕、map()析桥、filter()、reduce()败京、some()兜喻、every()的總結(jié)
1、forEach()
var arr = [1,2,3,4];
arr.forEach((item,index,arr) =>{
console.log(item)//結(jié)果為1,2,3,4
})// forEach遍歷數(shù)組赡麦,無(wú)返回值朴皆,不改變?cè)瓟?shù)組帕识,僅僅只是遍歷、常用于注冊(cè)組件遂铡、指令等等
2渡冻、map()
var arr = [1,2,3,4];
arr.map((item,index,arr) =>{
return item*10//新數(shù)組為10,20,30,40
})//map遍歷數(shù)組,返回一個(gè)新數(shù)組忧便,不改變?cè)瓟?shù)組的值。
3帽借、filter()
var arr = [1,2,3,4];
arr.filter((item,index,arr) =>{
return item >2//新數(shù)組為[3,4]
})//filter過(guò)濾掉數(shù)組中不滿(mǎn)足條件的值珠增,返回一個(gè)新數(shù)組,不改變?cè)瓟?shù)組的值砍艾。
4蒂教、reduce()
var arr = [1,2,3,4];
arr.reduce((result,item,index,arr) =>{
console.log(result)// 1? 3? 6? result為上次一計(jì)算的結(jié)果
console.log(item)// 2? 3? 4
console.log(index)// 1? 2? 3
return result+item//最終結(jié)果為10
})//reduce 讓數(shù)組的前后兩項(xiàng)進(jìn)行某種計(jì)算。然后返回其值脆荷,并繼續(xù)計(jì)算凝垛。不改變?cè)瓟?shù)組,返回計(jì)算的最終結(jié)果蜓谋,從數(shù)組的第二項(xiàng)開(kāi)始遍歷梦皮。
5、some()
var arr = [1,2,3,4];
arr.some((item,index,arr) =>{
return item >3//結(jié)果為true
})//遍歷數(shù)組每一項(xiàng)桃焕,有一項(xiàng)返回true,則停止遍歷剑肯,結(jié)果返回true。不改變?cè)瓟?shù)組
6观堂、every()
var arr = [1,2,3,4];
arr.every((item,index,arr) => {
return item > 1 //結(jié)果為false
})//遍歷數(shù)組每一項(xiàng)让网,每一項(xiàng)返回true,則最終結(jié)果為true。當(dāng)任何一項(xiàng)返回false時(shí)师痕,停止遍歷溃睹,返回false。不改變?cè)瓟?shù)組
some胰坟、every返回true因篇、false。
map腕铸、filter返回一個(gè)新數(shù)組惜犀。
reduce讓數(shù)組的前后兩項(xiàng)進(jìn)行某種計(jì)算,返回最終操作的結(jié)果狠裹。
forEach 無(wú)返回值虽界。