javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)

时间:2023-03-08 15:42:16

主要内容:

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]

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根据元素值删除数组元素的方)

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]

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根据元素值删除数组元素的方)

7、数组截取slice

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]

9、数组遍历

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根据元素值删除数组元素的方)