jQuery 删除和新增集合数据 jquery删除数组元素

1.数组元素的添加

demoArray.push(value);

1 var demo=new Array();
2        var key=[4,5];
3        demo.push(1);//插入数字
4        demo.push(key);//插入一个数组
5        demo.push("字符串");//插入字符串
6        demo.push("str");

2.数组元素的删除

demoArray.splice(startPos,deleteCount);

1 demo.splice(0,2);//从下标为0的元素开始,向后删除两个元素

3.jQuery提供的快捷查找方法

$.inArray(value,array);//返回值为value第一次在array数组中出现的位置(下标从0开始).

1 var pos=$.inArray(1,demo);//返回1在数组dem第一次出现的位置的下标.

4.结合上述内容编写的一个删除数组指定元素的实例函数.

function delValInArr(value,array){
           var pos=$.inArray(value,array);
           array.splice(pos,1);
}

 

5.ES6 提供了两个数组的实例查找相关的方法

① Array.find

② Array.findIndex

下面举例说明

1 /**
2  * 普通纯数值的数组,查找指定内容的下标
3  **/
4 let testArr=[1,3,5,2,3];
5 //查找数值为5的第一个数的下标
6 let index=testArr.findIndex(v=>{
7     return v===5;
8 })
9 console.log(index);//2

1 /**
 2  * 复杂数组的查找
 3  */
 4 //测试数据
 5 let testArr = [
 6     { name: '小明1', id: 7, age: 18 },
 7     { name: '小明1', id: 8, age: 18 },
 8     { name: '小明2', id: 9, age: 19 },
 9     { name: '小明3', id: 10, age: 20 }
10 ]
11 //查找id为9的第一组数据
12 let res = testArr.find(v => {
13     return v.id === 9;
14 })
15 //查找id为9的第一组数据的下标
16 let resIndex = testArr.findIndex(v => {
17     return v.id === 9;
18 })
19 console.log('res :', res);//res : {name: "小明2", id: 9, age: 19}
20 console.log('resIndex :', resIndex);//resIndex : 2