資訊專(zhuān)欄INFORMATION COLUMN
摘要：不會(huì)改變?cè)瓟?shù)組，它返回過(guò)濾后的新數(shù)組。打印到控制臺(tái)成功的收集到里面錯(cuò)誤的收集到里面。語(yǔ)法參數(shù)回調(diào)當(dāng)前的當(dāng)前的索引值這個(gè)數(shù)組對(duì)象回調(diào)的指向用法場(chǎng)景這個(gè)一般就用在，判斷數(shù)組的每個(gè)元素是否符合條件。
首先是函數(shù)概述：
map():返回一個(gè)新的Array，每個(gè)元素為調(diào)用func的結(jié)果
filter():返回一個(gè)符合func條件的元素?cái)?shù)組
some():返回一個(gè)boolean，判斷是否有元素是否符合func條件
every():返回一個(gè)boolean，判斷每個(gè)元素是否符合func條件
forEach():沒(méi)有返回值，只是針對(duì)每個(gè)元素調(diào)用func
reduce():有返回值，重點(diǎn)是計(jì)算數(shù)組，返回一個(gè)值
其次
1、map速度比f(wàn)orEach快
2、map會(huì)返回一個(gè)新數(shù)組，不對(duì)原數(shù)組產(chǎn)生影響,foreach不會(huì)產(chǎn)生新數(shù)組，
3、map因?yàn)榉祷財(cái)?shù)組所以可以鏈?zhǔn)讲僮?，forEach不能
filter
語(yǔ)法
var new_arr = arr.filter(callback(element, index, array){
}, this)
參數(shù)：callback 回調(diào)
element 當(dāng)前的value index 當(dāng)前的索引值 array arr這個(gè)數(shù)組對(duì)象 this 回調(diào)的this指向
用法
//如果返回值是true的話(huà)，就是符合條件。
//filter 不會(huì)改變?cè)瓟?shù)組，它返回過(guò)濾后的新數(shù)組。
//這個(gè)里返回?cái)?shù)組里面的偶數(shù)
[10,11,12,13].filter((v)=>v % 2 == 0)
場(chǎng)景
場(chǎng)景就是過(guò)濾，把符合條件的整理到一起，常見(jiàn)的就是展示審核通過(guò)的數(shù)據(jù)
forEach
語(yǔ)法
arr.forEach(callback(element, index, array){
}, this)
參數(shù)：callback 回調(diào)
element 當(dāng)前的value index 當(dāng)前的索引值 array arr這個(gè)數(shù)組對(duì)象 this 回調(diào)的this指向
用法
//遍歷數(shù)組。打印到控制臺(tái)
[10,11,12,13].forEach((v)=>{
console.log(v)
})
// 成功的收集到success里面,錯(cuò)誤的收集到error里面。
var success = [],error = [];
[{state:1},{state:0},{state:0},{state:0}].forEach((v)=>{
if(v.state == 1){
success.push(v)
}else{
error.push(v)
}
})
場(chǎng)景
比如說(shuō)綁定事件，比如判斷值然后push到不同的地方
map
語(yǔ)法
arr.map(callback(element, index, array){ }, this)
參數(shù)：callback 回調(diào)
element 當(dāng)前的value index 當(dāng)前的索引值 array arr這個(gè)數(shù)組對(duì)象 this 回調(diào)的this指向
用法
//把數(shù)值格式化，保留兩位小數(shù)
[10.055,11.054,12.056,13.789].map((v)=>+v.toFixed(2))
場(chǎng)景
這個(gè)一般就用在，我需要一組值，但是這個(gè)值不對(duì)，需要計(jì)算原數(shù)組來(lái)生成。
reduce
語(yǔ)法
arr.reduce(callback(accumulator, element, index, array){
}, initialValue)
參數(shù)：callback 回調(diào)
sum 累加器的返回值，也就是上一次回調(diào)的返回值 element 當(dāng)前的value index 當(dāng)前的索引值 array arr這個(gè)數(shù)組對(duì)象 initialValue 初始傳入的值，如果不傳回調(diào)從下標(biāo)1開(kāi)始，下標(biāo)0作為初始值
用法
//累加
[10,11,12,13].reduce((s,v)=>s+v,0)
場(chǎng)景
這個(gè)計(jì)算整個(gè)數(shù)組得出一個(gè)值的
some
語(yǔ)法
arr.some(callback(element, index, array){
}, this)
參數(shù)：callback 回調(diào)
element 當(dāng)前的value index 當(dāng)前的索引值 array arr這個(gè)數(shù)組對(duì)象 this 回調(diào)的this指向
用法
initArray = initArray.some(item => { if (item === 1){ return true } return false })
場(chǎng)景
這個(gè)一般就用在，判斷數(shù)組里是否有某個(gè)值。
every
語(yǔ)法
arr.every(callback(element, index, array){
}, this)
參數(shù)：callback 回調(diào)
element 當(dāng)前的value index 當(dāng)前的索引值 array arr這個(gè)數(shù)組對(duì)象 this 回調(diào)的this指向
用法
initArray = initArray.every(item => { if (item === 1){ return true } return false })
場(chǎng)景
這個(gè)一般就用在，判斷數(shù)組的每個(gè)元素是否符合func條件。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/108205.html
摘要：總結(jié)遍歷數(shù)組的時(shí)候應(yīng)該盡量使用這些，靈活運(yùn)用可以讓代碼更加優(yōu)雅，這種盡可能使用函數(shù)和鏈?zhǔn)秸{(diào)用的風(fēng)格很接近函數(shù)式編程，可以提高代碼質(zhì)量。 js中有很多可以遍歷數(shù)組的API，既然已經(jīng)封裝的這么好，為什么不在平常開(kāi)發(fā)的時(shí)候使用，本文講講forEach、map、filter、some、every、reduce這些API的使用，并且和普通的for語(yǔ)句作對(duì)比。 我們以一個(gè)對(duì)象數(shù)組作為測(cè)試數(shù)據(jù)： c...
摘要：前言從最開(kāi)始學(xué)的循環(huán)遍歷方法，到后來(lái)層出不窮的各種遍歷方法，其實(shí)最大的區(qū)別就是應(yīng)用場(chǎng)景的不同。我們最需要記住的就是，什么情況下用哪一種方法比較合適。 前言 從最開(kāi)始學(xué)的for循環(huán)遍歷方法，到后來(lái)層出不窮的各種遍歷方法，其實(shí)最大的區(qū)別就是應(yīng)用場(chǎng)景的不同。我們最需要記住的就是，什么情況下用哪一種方法比較合適。 從挑土豆開(kāi)始 showImg(https://segmentfault.com/...
摘要：關(guān)于循環(huán)遍歷寫(xiě)下這篇文章的目的，主要是想總結(jié)一下關(guān)于對(duì)于集合對(duì)象遍歷的方式方法，以及在實(shí)際應(yīng)用場(chǎng)景中怎樣去使用它們。的作用主要是去遍歷對(duì)象的可枚舉屬性。例如索引，數(shù)值打印結(jié)果為當(dāng)?shù)诙?xiàng)不滿(mǎn)足條件式跳出循環(huán)，返回。 關(guān)于JS循環(huán)遍歷 寫(xiě)下這篇文章的目的，主要是想總結(jié)一下關(guān)于JS對(duì)于集合對(duì)象遍歷的方式方法，以及在實(shí)際應(yīng)用場(chǎng)景中怎樣去使用它們。本文會(huì)主要介紹：while,for,forEac...
摘要：方法，還有一個(gè)特性，當(dāng)缺省或是為，和方法一樣，通常我用對(duì)數(shù)組的每個(gè)元素進(jìn)行一定操作映射后，會(huì)返回一個(gè)新的數(shù)組該方法對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)。 1. 前言 ES5中新增的一些處理數(shù)組（Array）的方法， 對(duì)于用JavaScript處理數(shù)據(jù)非常有用。我總結(jié)了一下，給這些方法分了類(lèi)，大體如下： 2個(gè)索引方法：indexOf() 和 lastIndexOf()； 5個(gè)迭代方法：forEa...
閱讀 942·2021-11-15 11:38
閱讀 2628·2021-09-08 09:45
閱讀 2913·2021-09-04 16:48
閱讀 2633·2019-08-30 15:54
閱讀 1004·2019-08-30 13:57
閱讀 1686·2019-08-29 15:39
閱讀 571·2019-08-29 12:46
閱讀 3585·2019-08-26 13:39
