JS數組對象刪除詳解

一、js刪除數組對象元素

let arr = ['a', 'b', 'c'];
arr.splice(1, 1);
console.log(arr);
//輸出 ['a', 'c']

通過使用splice方法，可以刪除數組中指定位置的元素。splice方法的第一個參數是要刪除的元素的起始位置，第二個參數是要刪除的元素數量。

在上述代碼中，第一個參數為1，表示從數組的第二個位置開始刪除，第二個參數為1，表示刪除一個元素，所以結果中b被刪除。

二、js刪除數組對象中的某個屬性

let arr = [
    {name: 'Tom', age: 20},
    {name: 'Mike', age: 25},
    {name: 'Lily', age: 18}
];
for(let i = 0; i < arr.length; i++) {
    delete arr[i].age;
}
console.log(arr);
//輸出 [{name: 'Tom'}, {name: 'Mike'}, {name: 'Lily'}]

通過使用delete關鍵字，可以刪除對象中的指定屬性。

在上述代碼中，通過for循環遍曆數組，使用delete關鍵字刪除age屬性。

三、js刪除數組對象中指定屬性

let arr = [
    {name: 'Tom', age: 20},
    {name: 'Mike', age: 25},
    {name: 'Lily', age: 18}
];
for(let i = 0; i < arr.length; i++) {
    arr[i] = {
        name: arr[i].name
    }
}
console.log(arr);
//輸出 [{name: 'Tom'}, {name: 'Mike'}, {name: 'Lily'}]

通過遍曆數組，可以使用對象字面量重新創建一個只包含需要保留屬性的新對象，達到刪除指定屬性的目的。

在上述代碼中，通過for循環遍曆數組，使用對象字面量創建一個只包含name屬性的新對象，替換原來的對象。

四、js刪除數組數據

let arr = ['a', 'b', 'c'];
arr.length = 0;
console.log(arr);
//輸出 []

通過將數組長度設置為0，可以清空數組中的所有數據。

在上述代碼中，設置數組的長度為0，實現刪除數組數據的效果。

五、js刪除數組對象的屬性

let obj = {name: 'Tom', age: 20};
delete obj.age;
console.log(obj);
//輸出 {name: 'Tom'}

跟第二個小標題相同，通過使用delete關鍵字，可以刪除對象中的指定屬性。

在上述代碼中，使用delete關鍵字刪除age屬性，達到刪除對象屬性的效果。

六、js數組刪除指定對象

let arr = [
    {name: 'Tom', age: 20},
    {name: 'Mike', age: 25},
    {name: 'Lily', age: 18}
];
let index = arr.findIndex(item => item.name === 'Mike');
arr.splice(index, 1);
console.log(arr);
//輸出 [{name: 'Tom', age: 20}, {name: 'Lily', age: 18}]

通過使用findIndex和splice方法，可以刪除數組中指定對象。

在上述代碼中，使用findIndex方法找到name等於Mike的對象的索引位置，然後使用splice方法刪除該對象。

七、js刪除數組對象最後一項

let arr = [
    {name: 'Tom', age: 20},
    {name: 'Mike', age: 25},
    {name: 'Lily', age: 18}
];
arr.pop();
console.log(arr);
//輸出 [{name: 'Tom', age: 20}, {name: 'Mike', age: 25}]

使用pop方法可以刪除數組對象的最後一項。

在上述代碼中，使用pop方法刪除數組的最後一項。

八、js刪除數組對象中一條對象

let arr = [
    {name: 'Tom', age: 20},
    {name: 'Mike', age: 25},
    {name: 'Lily', age: 18}
];
let newarr = arr.filter(item => item.name !== 'Mike');
console.log(newarr);
//輸出 [{name: 'Tom', age: 20}, {name: 'Lily', age: 18}]

通過使用filter方法，可以刪除數組對象中的一條對象。

在上述代碼中，使用filter方法返回不包含name等於Mike的對象的新數組。

九、js刪除數組對象中某一條數據

let arr = [
    {name: 'Tom', age: 20},
    {name: 'Mike', age: 25},
    {name: 'Lily', age: 18}
];
let index = arr.findIndex(item => item.name === 'Mike');
arr[index].age = undefined;
console.log(arr);
//輸出 [{name: 'Tom', age: 20}, {name: 'Mike'}, {name: 'Lily', age: 18}]

通過將屬性設置為undefined，可以刪除數組對象中的某一條數據。

在上述代碼中，使用findIndex方法找到name等於Mike的對象的索引位置，然後將age屬性設置為undefined，達到刪除該屬性的效果。