ES5 數組拓展

Array.isArray(obj)

判斷一個對象是不是數組

var a = new Array(123);
var b = new Date();
console.log(Array.isArray(a)); //true
console.log(Array.isArray(b)); //false

.indexOf(element)/.lastIndexOf(element)

用于查找數組內指定元素位置,查找到第一個后返回其索引,沒有查找到返回-1,indexOf從頭至尾搜索,lastIndexOf反向搜索

var a = new Array(1,2,3,3,2,1);
console.log(a.indexOf(2)); //1
console.log(a.lastIndexOf(2)); //4

.forEach(element, index, array)

遍歷數組,參數為一個回調函數,回調函數有三個參數:
1.元素element
2.元素索引index
3.整個數組array

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

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

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

  • every是所有函數的每個回調函數都返回true的時候才會返回true,當遇到false的時候終止執行,返回false
  • some函數是存在有一個回調函數返回true的時候終止執行并返回true,否則返回false
  • 在空數組上調用every返回true,some返回false
var a=new Array(1,2,3,4,5,6);

console.log(a.every(function(e, i, arr){
return e < 5;
}));
//false
console.log(a.some(function(e,i,arr){
  return e > 4;
}));
//true

.map(function(element))

與forEach類似,遍歷數組,回調函數返回值組成一個新數組返回,新數組索引結構和原數組一致,原數組不變

var a = new Array(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]

.filter(function(element))

返回數組的一個子集,回調函數用于邏輯判斷是否返回,原數組保持不變

var a = new Array(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)

遍歷數組,調用回調函數,將數組元素組合成一個值,reduce從索引最小值開始,reduceRight反向,方法有兩個參數
1.回調函數:把兩個值合為一個,返回結果
2.value,一個初始值,可選

var a = new Array(1,2,3,4,5,6);

console.log(a.reduce(function(v1, v2){
    return v1 + v2;
})); // 21

console.log(a.reduceRight(function(v1, v2){
    return v1 - v2;
}, 100)); // 79

本教程版權歸饑人谷和作者所有,轉載須說明來源。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容