javascript 常見數組操作（ 1、數組整體元素修改 2、 數組篩選 3、jquery 元素轉數組 4、獲取兩個數組中相同部分或者不同部分 5、數組去重並倒序排序 6、數組排序 7、數組截取slice 8、數組插入、刪除splice(需明確位置) 9、數組遍歷 10、jQuery根據元素值刪除數組元素的方）

主要內容：

1、數組整體元素修改

2、 數組篩選

3、jquery 元素轉數組

4、獲取兩個數組中相同部分或者不同部分

5、數組去重並倒序排序

6、數組排序

7、數組截取slice

8、數組插入、刪除splice(需明確位置)

9、數組遍歷

10、jQuery根據元素值刪除數組元素的方法

 

數組常見操作包含了 增、刪、查、改、插入、交集、並集

1、數組整體元素修改

//map,給數組每個元素加1 輸出[1,2,3]
        $.map([0,1,2],function(n){
            return n+1;
        })
//輸出[1,2,3]

 

2、數組篩選

$.map([0,1,2],function(n){
            return n>0?n+1:null
        })
        //[2,3]

 

 3、jquery 元素轉數組

 $("li").toArray()
        $.makeArray($("li"))

 

4、獲取兩個數組中相同部分或者不同部分

//去掉true則顯示相同部分，保留true則顯示不同部分
        var a=[1,2,3,5,6,3,7,12],
             b=[1,3,5,12]

        $.grep(a,function(n,i){
             if(b.indexOf(n)>=0)
                 return n
        },true);
//[2,6,7]

 

 5、數組去重並倒序排序

 var a=[1,2,3,5,6,3,7,12];
        $.unique(a)
// [12,7,6,5,3,2,1]

 

 6、數組排序

 var arr=[1,34,5,8,4,9,12]
        arr.sort(function(a,b){
            return a-b;
        });

//順序：a-b   [1, 4, 5, 8, 9, 12, 34]
//倒序：b-a   [34, 12, 9, 8, 5, 4, 1]

 

7、數組截取slice

var arr=[1,34,5,8,4,9,12];
            arr.slice(2,4)
// [5,8]

 

 8、數組插入、刪除splice(需明確位置)

  var arr=[1,34,5,8,4,9,12];
        //刪除
             arr.splice(2,4)
            //arr  輸出[1, 34, 12]
        //替換
            arr.splice(1,2,3,4)
            //arr  輸出[1, 3, 4, 8, 4, 9, 12]
        //插入
            arr.splice(2,0,44)
        //arr  輸出[1, 34, 44, 5, 8, 4, 9, 12]

 

9、數組遍歷

var members=["1","2","3"];
        $.each(members,function(i,item){
            console.log(item);
        });

如何跳出當前的each循環
return false;——跳出所有循環；相當於 javascript 中的 break 效果。
return true;——跳出當前循環，進入下一個循環；相當於 javascript 中的 continue 效果。

 

 10、jQuery根據元素值刪除數組元素的方法

var arr = ['a','b','c','d'];
        arr.splice($.inArray('c',arr),1);
        console.log(arr);
//  ['a','b','d']