jquery 增加與刪除數組元素

1.數組元素的添加

demoArray.push(value);

var demo=new Array();
       var key=[4,5];
       demo.push(1);//插入數字
       demo.push(key);//插入一個數組
       demo.push("字符串");//插入字符串
       demo.push("str");

2.數組元素的刪除

demoArray.splice(startPos,deleteCount);

demo.splice(0,2);//從下標為0的元素開始,向后刪除兩個元素

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

$.inArray(value,array);//返回值為value第一次在array數組中出現的位置(下標從0開始).

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

下面舉例說明

/**
 * 普通純數值的數組,查找指定內容的下標
 **/
let testArr=[1,3,5,2,3];
//查找數值為5的第一個數的下標
let index=testArr.findIndex(v=>{
    return v===5;
})
console.log(index);//2

/**
 * 復雜數組的查找
 */
//測試數據
let testArr = [
    { name: '小明1', id: 7, age: 18 },
    { name: '小明1', id: 8, age: 18 },
    { name: '小明2', id: 9, age: 19 },
    { name: '小明3', id: 10, age: 20 }
]
//查找id為9的第一組數據
let res = testArr.find(v => {
    return v.id === 9;
})
//查找id為9的第一組數據的下標
let resIndex = testArr.findIndex(v => {
    return v.id === 9;
})
console.log('res :', res);//res : {name: "小明2", id: 9, age: 19}
console.log('resIndex :', resIndex);//resIndex : 2