forEach、map、filter、some、every、find之间的区别
前言:
從一開(kāi)始學(xué)了javascript中的for循環(huán)遍歷方法,到后來(lái)了解到forEach、vue中的v-for、map等方法,經(jīng)常會(huì)搞不清楚其中的區(qū)別,今天就來(lái)粗略的解釋一下,
for循環(huán)我就不說(shuō)了,想必大家也常用到。
forEach:
語(yǔ)法:
array.forEach(callback(currentValue, index, array){
????//do something })callback:?為數(shù)組中每個(gè)元素執(zhí)行的函數(shù),該函數(shù)接收三個(gè)參數(shù),
參數(shù)一:當(dāng)前數(shù)組中元素;參數(shù)二:索引; 參數(shù)三:當(dāng)前數(shù)組。
map:
語(yǔ)法:
var?new_array = arr.map(callback[, thisArg])
forEach和map循環(huán)的區(qū)別:forEach沒(méi)有返回值,即使你給出return也不管用,map會(huì)返回一個(gè)新數(shù)組給你,園數(shù)組不會(huì)發(fā)生改變。
filter:從字面上看就是過(guò)濾篩選的意思
語(yǔ)法:
var?ages = [32,?33,?16,?40];
function?checkAdult(age) {
????return?age >=?18;
}
返回一個(gè)新的對(duì)象數(shù)組,不會(huì)將原有的數(shù)組進(jìn)行改變。
some:用于檢測(cè)數(shù)組中的元素是否滿足條件
注意:some不會(huì)對(duì)空數(shù)組進(jìn)行檢測(cè),不會(huì)改變?cè)紨?shù)組。
語(yǔ)法:
var?ages = [3,?10,?18,?20];
function?checkAdult(age) {
????return?age >=?18;
}
?
返回的是true或false。
every:用于檢測(cè)數(shù)組中的所有元素是否符合指定條件,
注意:如果數(shù)組中有一個(gè)元素沒(méi)有符合條件,則整個(gè)表達(dá)式返回的都是false,所有元素滿足時(shí)才返回true,不會(huì)對(duì)空數(shù)組進(jìn)行檢測(cè),不會(huì)改變?cè)紨?shù)組。
語(yǔ)法:
var?ages = [32,?33,?16,?40];
function?checkAdult(age) {
????return?age >=?18;
}
返回的是true或false
find:返回通過(guò)測(cè)試(函數(shù)內(nèi)判斷)的數(shù)組的第一個(gè)元素的值,為數(shù)組中的每個(gè)元素都調(diào)用一次函數(shù)執(zhí)行。
注意:
- 當(dāng)數(shù)組中的元素在測(cè)試條件時(shí)返回?true?時(shí), find() 返回符合條件的元素,之后的值不會(huì)再調(diào)用執(zhí)行函數(shù)。
- 如果沒(méi)有符合條件的元素返回 undefined
-
?find() 對(duì)于空數(shù)組,函數(shù)是不會(huì)執(zhí)行的。
- ?find() 并沒(méi)有改變數(shù)組的原始值。
語(yǔ)法:
var ages = [3, 10, 18, 20];
function checkAdult(age) {
return age >= 18;
}
find和some很類似,都是尋找符合條件的,有一個(gè)就可以 不過(guò)some進(jìn)去搜羅了一圈回來(lái)如果有符合條件的就返回true,而find是將符合條件的那條數(shù)據(jù)返回出來(lái)(返回第一個(gè)符合條件的對(duì)象)。
?
轉(zhuǎn)載于:https://www.cnblogs.com/0314dxj/p/11057743.html
與50位技術(shù)專家面對(duì)面20年技術(shù)見(jiàn)證,附贈(zèng)技術(shù)全景圖總結(jié)
以上是生活随笔為你收集整理的forEach、map、filter、some、every、find之间的区别的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 美股迎3年最大单日暴跌!谁在收割科技泡沫
- 下一篇: 2019春总结