首頁 > web前端 > js教程 > 超詳細的javascript數組方法匯總_javascript技巧

超詳細的javascript數組方法匯總_javascript技巧

WBOY
發布: 2016-05-16 15:30:42
原創
1240 人瀏覽過

一、陣列的常用方法
1:join();

將陣列轉為字串顯示。不輸入參數,預設以逗號連接;輸入參數,則以參數連接。

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];
登入後複製

原始數組不變。

2:reverse();

將陣列逆序排列,原數組被修改。

var arr=[1,2,3];
var arr2=arr.reverse();
console.log(arr2); // [3,2,1];
console.log(arr);  // [3,2,1];
登入後複製

3:sort();

預設按升序排列數組項,呼叫每個數組項的toString()方法,然後比較得到的字串,從字串首位開始比較。

var arr=[2,12,14,21,5];
console.log(arr.sort());  //[12, 14, 2, 21, 5];
登入後複製

也可以傳入一個比較函數作為參數。如果第一個參數應該在前,則比較函數傳回一個小於0的值;反之第一個參數在後,這比較函數傳回一個大於0的值;如果順序無關緊要,則比較函數傳回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();

數組合併,原數組不變。

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();

傳回部分數組,包含第一個參數所對應的陣列項,但不包含第二個參數對應的陣列項。如果傳入的參數小於0,則從後往前數,最後一項為-1。如果只傳入一個參數,則傳回的陣列包含起始位置到陣列結尾的所有元素。原數組不變。

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();

陣列拼接:

1).刪除-用於刪除元素,兩個參數,第一個參數(要刪除第一項的位置),第二個參數(要刪除的項數);

2).插入-向陣列指定位置插入任意項元素。三個參數,第一個參數(其實位置),第二個參數(0),第三個參數(插入的項);

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

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

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() 堆疊方法,後進先出。原數組都會改變。

push()方法在陣列的尾部增加一個或多個元素,並傳回陣列新的長度。

pop()方法刪除陣列的最後一個元素,減少陣列的長度並傳回刪除的值。

unshift()和shift()佇列方法,先進先出。原數組都會改變。

unshift()方法在陣列的頭部新增一個或多個元素,並改變已存在元素的索引,然後傳回陣列新的長度。

shift()方法刪除陣列的第一個元素並將其傳回,並改變已存在元素的索引。

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()里第一个参数为该集合里的元素,第二个参数为集合里的索引,第三个参数为集合本身。

9:map();

map()对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组,原数组未被修改。

10:every()

对数组的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。

11:some()

对数组的每一项运行给定函数,如果该函数对任一项返回true,则返回true。

12:filter()

对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组。

13:reduce()和reduceRight();
两个方法都会迭代数组的所有项,然后构建一个最终返回的值。其中reduce()方法从数组的第一项开始,逐个遍历到最后。而reduceRight()则从数组的最后一项开始,向前遍历到第一项。数组未被修改。

二、扩展方法
1:数组去重

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&#63;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:去掉数组中的空元素

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板