分別舉例說明ES5數(shù)組方法 indexOf、forEach、map、every、some、filter、reduce的用法?

.indexOf(element) / .lastIndexOf(element)

這兩個方法用于查找數(shù)組內(nèi)指定元素位置,查找到第一個后返回其索引,沒有查找到返回-1,indexOf從頭至尾搜索,lastIndexOf反向搜索。

var a =  [1,2,3,3,2,1]
console.log(.indexOf(2))//1
console.log(.lastIndexOf(2))//4

.forEach(element, index, array)

遍歷數(shù)組,參數(shù)為一個回調(diào)函數(shù),回調(diào)函數(shù)有三個參數(shù):
當(dāng)前元素
當(dāng)前元素索引值
整個數(shù)組

var a = new Array(1,2,3,4,5,6);
a.forEach(function(e,i,array){
    array[i]= e + 1;
});c
console.log(a); //[2, 3, 4, 5, 6, 7]

.map(function(element))

與forEach類似,遍歷數(shù)組,回調(diào)函數(shù)返回值組成一個新數(shù)組返回,新數(shù)組索引結(jié)構(gòu)和原數(shù)組一致,原數(shù)組不變

var a = [1, 2, 3, 4, 5, 6]

console.log(a.map(function(e){
  return e * e
}))  // [1, 4, 9, 16, 25, 36]

console.log(a) //[1, 2, 3, 4, 5, 6]

.every(function(element, index, array)) / .some(function(element, index, array))

這兩個函數(shù)類似于離散數(shù)學(xué)中的邏輯判定,回調(diào)函數(shù)返回一個布爾值
every是所有函數(shù)的每個回調(diào)函數(shù)都返回true的時候才會返回true,當(dāng)遇到false的時候終止執(zhí)行,返回false
some函數(shù)是“存在”有一個回調(diào)函數(shù)返回true的時候終止執(zhí)行并返回true,否則返回false
在空數(shù)組上調(diào)用every返回true,some返回false

var a = [1, 2, 3, 4, 5, 6]

console.log(a.every(function(e, i, arr){
return e < 5
}))

console.log(a.some(function(e,i,arr){
  return e > 4
}))

.filter(function(element))

返回數(shù)組的一個子集,回調(diào)函數(shù)用于邏輯判斷是否返回,返回true則把當(dāng)前元素加入到返回數(shù)組中,false則不加
新數(shù)組只包含返回true的值,索引缺失的不包括,原數(shù)組保持不變

var a = [1, 2, 3, 4, 5, 6]

console.log(a.filter(function(e){
  return e % 2 == 0;
})) // [2, 4, 6]

console.log(a) //[1, 2, 3, 4, 5, 6]

.reduce(function(v1, v2), value) / .reduceRight(function(v1, v2), value)

遍歷數(shù)組,調(diào)用回調(diào)函數(shù),將數(shù)組元素組合成一個值,reduce從索引最小值開始,reduceRight反向,方法有兩個參數(shù)
回調(diào)函數(shù):把兩個值合為一個,返回結(jié)果
value,一個初始值,可選

var a = [1, 2, 3, 4, 5, 6]
var b = a.reduce(function(v1, v2){ return v1 + v2 }) 
console.log(a) // 21
var b = a.reduceRight(function(v1, v2){ return v1 - v2 }, 100)
console.log(b) // 79
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容