天天看點

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根據元素值删除數組元素的方法

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

//map,給數組每個元素加1 輸出[1,2,3]
        $.map([0,1,2],function(n){
            return n+1;
        })
//輸出[1,2,3]      
javascript 常見數組操作( 1、數組整體元素修改 2、 數組篩選 3、jquery 元素轉數組 4、擷取兩個數組中相同部分或者不同部分 5、數組去重并倒序排序 6、數組排序 7、數組截取slice 8、數組插入、删除splice(需明确位置) 9、數組周遊 10、jQuery根據元素值删除數組元素的方)

2、數組篩選

$.map([0,1,2],function(n){
            return n>0?n+1:null
        })
        //[2,3]      
javascript 常見數組操作( 1、數組整體元素修改 2、 數組篩選 3、jquery 元素轉數組 4、擷取兩個數組中相同部分或者不同部分 5、數組去重并倒序排序 6、數組排序 7、數組截取slice 8、數組插入、删除splice(需明确位置) 9、數組周遊 10、jQuery根據元素值删除數組元素的方)

 3、jquery 元素轉數組

$("li").toArray()
        $.makeArray($("li"))      
javascript 常見數組操作( 1、數組整體元素修改 2、 數組篩選 3、jquery 元素轉數組 4、擷取兩個數組中相同部分或者不同部分 5、數組去重并倒序排序 6、數組排序 7、數組截取slice 8、數組插入、删除splice(需明确位置) 9、數組周遊 10、jQuery根據元素值删除數組元素的方)
//去掉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]      
javascript 常見數組操作( 1、數組整體元素修改 2、 數組篩選 3、jquery 元素轉數組 4、擷取兩個數組中相同部分或者不同部分 5、數組去重并倒序排序 6、數組排序 7、數組截取slice 8、數組插入、删除splice(需明确位置) 9、數組周遊 10、jQuery根據元素值删除數組元素的方)

 5、數組去重并倒序排序

var a=[1,2,3,5,6,3,7,12];
        $.unique(a)
// [12,7,6,5,3,2,1]      
javascript 常見數組操作( 1、數組整體元素修改 2、 數組篩選 3、jquery 元素轉數組 4、擷取兩個數組中相同部分或者不同部分 5、數組去重并倒序排序 6、數組排序 7、數組截取slice 8、數組插入、删除splice(需明确位置) 9、數組周遊 10、jQuery根據元素值删除數組元素的方)

 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]           
javascript 常見數組操作( 1、數組整體元素修改 2、 數組篩選 3、jquery 元素轉數組 4、擷取兩個數組中相同部分或者不同部分 5、數組去重并倒序排序 6、數組排序 7、數組截取slice 8、數組插入、删除splice(需明确位置) 9、數組周遊 10、jQuery根據元素值删除數組元素的方)
var arr=[1,34,5,8,4,9,12];
            arr.slice(2,4)
// [5,8]      
javascript 常見數組操作( 1、數組整體元素修改 2、 數組篩選 3、jquery 元素轉數組 4、擷取兩個數組中相同部分或者不同部分 5、數組去重并倒序排序 6、數組排序 7、數組截取slice 8、數組插入、删除splice(需明确位置) 9、數組周遊 10、jQuery根據元素值删除數組元素的方)

 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]      
var members=["1","2","3"];
        $.each(members,function(i,item){
            console.log(item);
        });      
如何跳出目前的each循環
return false;——跳出所有循環;相當于 javascript 中的 break 效果。
return true;——跳出目前循環,進入下一個循環;相當于 javascript 中的 continue 效果。           
javascript 常見數組操作( 1、數組整體元素修改 2、 數組篩選 3、jquery 元素轉數組 4、擷取兩個數組中相同部分或者不同部分 5、數組去重并倒序排序 6、數組排序 7、數組截取slice 8、數組插入、删除splice(需明确位置) 9、數組周遊 10、jQuery根據元素值删除數組元素的方)

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

var arr = ['a','b','c','d'];
        arr.splice($.inArray('c',arr),1);
        console.log(arr);
//  ['a','b','d']      
javascript 常見數組操作( 1、數組整體元素修改 2、 數組篩選 3、jquery 元素轉數組 4、擷取兩個數組中相同部分或者不同部分 5、數組去重并倒序排序 6、數組排序 7、數組截取slice 8、數組插入、删除splice(需明确位置) 9、數組周遊 10、jQuery根據元素值删除數組元素的方)

文中有錯誤的地方希望指出,共同進步

繼續閱讀