javascript數組操作方法

標籤：javascript

定義數組

 var arr = [];

 var arr = new Array();

 var arr = new Array(10); 建立一個長度為10的數組

數組操作方法

1. join():講數組中所有元素轉化為字串並串連在一起,可以指定一個可選的字串來分隔數組的各個元素,並不會改變原數組

   var arr = [1,2,3];

    console.log(arr.join("-")); //1-2-3

    console.log(typeof arr.join("-")); //string

    console.log(arr);   //[1,2,3]

2.  reserve():將數組中的元素顛倒順序,返回逆序數組,改變原數組

    var arr = [1,2,3];

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

3.  sort():將數組中的元素排序,並返回排序後的數組,改變原數組(數字根據第一個數字由小到大,字母根據字母表順序大寫在小寫前,undefined在最尾部)

    var a = [1,3,2];

    console.log(a.sort());  //[1,2,3]

    console.log(a);         //[1,2,3]

    var arr = ["a","d","c"];

    console.log(arr.sort());   //["a","c","d"]

    var arr = [-3,0,1];

    console.log(arr.sort());  //[-3,0,1]

    sort()排序數字  負數 0 正數 

    sort()在進行排序時會調用toString()方法,然後根據ASCII碼進行比較

    用sort()對數字進行升序排列

    var arr = [0,2,1,0.5];

    console.log(arr.sort(function(a,b){

        return a-b;

    ));

    用sort()對數字進行降序排列

    var arr = [0,2,1,0.5];

    console.log(arr.sort(function(a,b){

        return b-a;

    }));

4. concat()建立並返回一個新數組,不改變原數組 

   var arr = [1,2,3];

   console.log(arr.concat([1,2])); //[1,2,3,1,2]

   console.log(arr); //[1,2,3]

5. slice()返回指定的子數組,倆個參數起始位置,結尾位置,只有一個參數的話預設為從開始位置到結尾

   不改變原數組

   var arr = [1,2,3,4,5];

   console.log(arr.slice(1,3));  //[2,3]

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

6. splice()在數組中插入或刪除元素的方法,改變原數組,第一個參數為起始位置,第二個為刪除元素的個數,後面的參數為插入的元素

    var arr = [1,2,3,4,5];

    console.log(arr.splice(2,1));//[3]

    console.log(arr); //[1,2,4,5]

    console.log(arr.splice(2,0,3));  //[]

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

7. push()在數組尾部添加一個或多個元素,改變原數組->新數組新長度

   pop()將數組最後一個元素刪除,改變原數組->刪除的最後一個元素

   var arr = [1,2,3,4,5];

    console.log(arr.push(1));

    console.log(arr);

    console.log(arr.pop()); //返回刪除的元素

    console.log(arr.pop());

8. unshift()在數組首部添加一個或多個元素,改變原數組->數組新長度

   shift()將數組第一個一個元素刪除,改變原數組->刪除的第一個元素

   var arr = [1,2,3,4,5];

    console.log(arr.unshift(0)); //返回數組新長度

    console.log(arr.shift());    //0,返回刪除的第一個元素

//ECMA5新添加的數組操作方法

9. forEach() 從頭到尾遍曆數組,無法在所有元素都傳遞給調用函數之前終止遍曆,有三個參數,分別為數組元素,元素索引,數組本身

    var data = [1,2,3,4];

    data.forEach(function(v,i,a){

        console.log(a[i] = v + i); //[1,3,5,7];

    });

10. map()調用數組的每個元素傳遞給指定函數,並返回一個數組

    var arr = [1,2,3];

    var data = arr.map(function(x){return x*x}); 

    console.log(data);                  //[1,4,9]

11. filter()返回的數組元素是調用數組的一個子集,傳遞的函數用來進行邏輯判斷

    var arr = [1,2,3];

    var data = arr.filter(function(x){return x < 3;});

    console.log(data);  //[1,2]

12. every() some() 對數組元素應用指定函數進行判定,返回true或者false

    every()相當於與,出現false,即可以停止遍曆

    some()相當於或,出現true,即可以停止遍曆

    var arr = [1,2,3,4,5];

    console.log(arr.every(function(x){

        console.log(x);     //輸出1,出現false,停止遍曆

        return x%2 == 0;

     }));

     console.log(arr.some(function(x){

         console.log(x);    //輸出1 2,2時為true,停止遍曆

         return x%2 == 0;     

     }));

13. reduce() reduceRight() 使用指定的函數將數組元素進行組合,產生單個值,倆個參數,第一個為操作函數,第二個為初始值

    reduce()從低索引到高索引;

    reduceRight()從高索引到低索引;

    var arr = [1,2,3,4,5];

    console.log(arr.reduce(function(x,y){

        console.log(x);

        console.log(y);

        return x + y;

    },0));  //15

    console.log(arr.reduceRight(function(x,y){

        console.log(x);

        console.log(y);

        return x + y;

    },0));   //15

14. indexOf() lastIndexOf(),返回搜尋到的第一個元素索引,沒有搜尋到返回-1;

    var arr = [1,2,3,4,5,1];

    console.log(arr.indexOf(1));  //0

    console.log(arr.lastIndexOf(1));  //5

    console.log(arr.indexOf(10));  //-1

15. 檢測數組的三種方法

    typeof,instanceof,isArray(E5中新添加的)

    typeof: typeof arr 若為數組返回object

    instanceof: arr instanceof Array 若為數組返回true

    isArray: Array.isArray(arr); 若為數組返回true

    var arr = [1,2,3,4,5];

    console.log(typeof arr);  //object

    console.log(arr instanceof Array);  //true

    console.log(Array.isArray(arr));   //true

本文出自 “zp1996” 部落格，請務必保留此出處http://9865481.blog.51cto.com/9855481/1663333

javascript數組操作方法