腳本之家服務器常用軟件

快捷導航

超詳細的javascript數(shù)組方法匯總

更新時間：2015年11月21日 15:25:56 作者：xiao-jian

這篇文章主要對javascript的數(shù)組方法進行了詳細的匯總，包括了最常用的的數(shù)組方法，還有擴展方法，很全面，感興趣的小伙伴們可以參考一下

一、數(shù)組的常用方法
1：join();

將數(shù)組轉為字符串顯示。不輸入?yún)?shù)，默認以逗號連接；輸入?yún)?shù)，則以參數(shù)連接。

var arr=[1,2,3];
console.log(arr.join());  // 1,2,3;
console.log(arr.join("_")); // 1_2_3;
console.log(arr);      // [1,2,3];

原數(shù)組不變。

2：reverse();

將數(shù)組逆序排列，原數(shù)組被修改。

var arr=[1,2,3];
var arr2=arr.reverse();
console.log(arr2); // [3,2,1];
console.log(arr);  // [3,2,1];

3：sort();

默認按升序排列數(shù)組項，調用每個數(shù)組項的toString()方法，然后比較得到的字符串，從字符串首位開始比較。

var arr=[2,12,14,21,5];
console.log(arr.sort());  //[12, 14, 2, 21, 5];

也可以傳入一個比較函數(shù)作為參數(shù)。如果第一個參數(shù)應該在前，則比較函數(shù)返回一個小于0的值；反之第一個參數(shù)在后，這比較函數(shù)返回一個大于0的值；如果順序無關緊要，則比較函數(shù)返回0；

var arr=[2,12,14,21,5];
console.log(arr.sort(function(a,b){return a-b}));   // [2,5,12,14,21]; 

var arr1=[2,12,14,21,5];
console.log(arr1.sort(function(a,b){return b-a}));  // [21,14,12,5,2];

4：concat();

數(shù)組合并，原數(shù)組不變。

var arr=[1,2,3];
console.log(arr.concat(4,5));      // [1, 2, 3, 4, 5];
console.log(arr.concat([4,5],6));    // [1, 2, 3, 4, 5, 6];
console.log(arr.concat([[4,5],6]));   // [1, 2, 3, [4, 5],6];
console.log(arr);            // [1, 2, 3];

5：slice();

返回部分數(shù)組，包含第一個參數(shù)所對應的數(shù)組項，但不包含第二個參數(shù)對應的數(shù)組項。如果傳入的參數(shù)小于0，則從后往前數(shù)，最后一項為-1。如果只傳入一個參數(shù)，則返回的數(shù)組包含起始位置到數(shù)組結尾的所有元素。原數(shù)組不變。

var arr=[1,2,3,4,5];
console.log(arr.slice(1,3));   // [2,3];
console.log(arr.slice(1));    // [2,3,4,5];
console.log(arr.slice(1,-1));  // [2,3,4];
console.log(arr);        // [1,2,3,4,5];

6：splice();

數(shù)組拼接：

1).刪除-用于刪除元素，兩個參數(shù)，第一個參數(shù)（要刪除第一項的位置），第二個參數(shù)（要刪除的項數(shù)）;

2).插入-向數(shù)組指定位置插入任意項元素。三個參數(shù)，第一個參數(shù)（其實位置），第二個參數(shù)（0），第三個參數(shù)（插入的項）;

3).替換-向數(shù)組指定位置插入任意項元素，同時刪除任意數(shù)量的項，三個參數(shù)。第一個參數(shù)（起始位置），第二個參數(shù)（刪除的項數(shù)），第三個參數(shù)（插入任意數(shù)量的項）;

splice()返回一個由刪除元素組成的數(shù)組，或者如果沒有刪除元素就返回一個空數(shù)組。原數(shù)組被修改。

var arr=[1,2,3,4,5,6];
console.log(arr.splice(2));  　　　　　 // [3,4,5,6];
console.log(arr);    　　　　　　　　 // [1,2];
console.log(arr.splice(2,0,3,4,5,6));  // [];
console.log(arr); 　　　　　　　　　　　　　 // [1,2,3,4,5,6];
console.log(arr.splice(2,2));　　　　　　　// [3,4];
console.log(arr);　　　　　　　　　　　　　　// [1,2,5,6];

7：push()和pop()方法，unshift()和shift()方法;

push()和pop() 棧方法，后進先出。原數(shù)組都發(fā)生改變。

push()方法在數(shù)組的尾部添加一個或多個元素，并返回數(shù)組新的長度。

pop()方法刪除數(shù)組的最后一個元素，減小數(shù)組的長度并返回刪除的值。

unshift()和shift()隊列方法，先進先出。原數(shù)組都發(fā)生改變。

unshift()方法在數(shù)組的頭部添加一個或多個元素，并改變已存在元素的索引，然后返回數(shù)組新的長度。

shift()方法刪除數(shù)組的第一個元素并將其返回，并改變已存在元素的索引。

var arr=[1,2,3];
console.log(arr.push(4));　　//4;
console.log(arr);　　　　　　 //[1,2,3,4];
console.log(arr.pop());　　　//4;
console.log(arr);　　　　　　 //[1,2,3];
console.log(arr.unshift(0)); //4;
console.log(arr);　　　　　　 //[0,1,2,3];
console.log(arr.shift());  //0;
console.log(arr);　　　　　　 //[1,2,3];

8：forEach();

forEach()里第一個參數(shù)為該集合里的元素，第二個參數(shù)為集合里的索引，第三個參數(shù)為集合本身。

9：map();

map()對數(shù)組中的每一項運行給定函數(shù)，返回每次函數(shù)調用的結果組成的數(shù)組，原數(shù)組未被修改。

10：every()

對數(shù)組的每一項運行給定函數(shù)，如果該函數(shù)對每一項都返回true，則返回true。

11：some()

對數(shù)組的每一項運行給定函數(shù)，如果該函數(shù)對任一項返回true，則返回true。

12：filter()

對數(shù)組中的每一項運行給定函數(shù)，返回該函數(shù)會返回true的項組成的數(shù)組。

13：reduce()和reduceRight();
兩個方法都會迭代數(shù)組的所有項，然后構建一個最終返回的值。其中reduce()方法從數(shù)組的第一項開始，逐個遍歷到最后。而reduceRight()則從數(shù)組的最后一項開始，向前遍歷到第一項。數(shù)組未被修改。

二、擴展方法
1：數(shù)組去重

function unique(array){
  return array.filter(function(item,index){
    return array.indexOf(item)==index;
  })
};
var arr=[1,2,3,3,4,2,1,5];
console.log(unique(arr));　　　　//[1,2,3,4,5];

function unique(arr){
  var arr2=[arr[0]],
    len=arr.length;
  if(!len){
    return;
  }
  for(var i=0;i<len;i++){
    arr2.join(" ").indexOf(arr[i])<0?arr2.push(arr[i]):"";
  }
  return arr2;
}
var arr=[1,2,3,3,4,2,1,5];
console.log(uniq(arr)); 　　//[1,2,3,4,5]

2：去掉數(shù)組中的空元素

function deleteNullInArray(array){
  return array.filter(function(item){
    return item!=null;
  }) 
}
var arr=[1,2,null,,,5];
console.log(deleteNullInArray(arr));　　//[1,2,5];

您可能感興趣的文章: