js实现删除

JavaScript 删除数组元素的方法

splice() 方法 使用 splice() 可以删除指定位置的元素，并返回被删除的元素。该方法会修改原数组。

let arr = [1, 2, 3, 4, 5];
arr.splice(2, 1); // 从索引2开始删除1个元素
console.log(arr); // [1, 2, 4, 5]

filter() 方法 filter() 方法创建一个新数组，包含通过测试的元素。不修改原数组。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(item => item !== 3);
console.log(newArr); // [1, 2, 4, 5]

delete 操作符 使用 delete 操作符可以删除对象的属性或数组的元素，但会在数组中留下 undefined 的空位。

let arr = [1, 2, 3, 4, 5];
delete arr[2];
console.log(arr); // [1, 2, undefined, 4, 5]

JavaScript 删除对象属性的方法

delete 操作符 delete 操作符用于删除对象的属性。

let obj = { a: 1, b: 2, c: 3 };
delete obj.b;
console.log(obj); // { a: 1, c: 3 }

Object.assign() 方法 通过 Object.assign() 创建一个新对象，排除不需要的属性。

let obj = { a: 1, b: 2, c: 3 };
let { b, ...newObj } = obj;
console.log(newObj); // { a: 1, c: 3 }

JavaScript 删除 DOM 元素的方法

remove() 方法 使用 remove() 方法可以直接从 DOM 中删除元素。

let element = document.getElementById('example');
element.remove();

removeChild() 方法 通过父元素调用 removeChild() 方法删除子元素。

let parent = document.getElementById('parent');
let child = document.getElementById('child');
parent.removeChild(child);

注意事项

• 使用 splice() 和 delete 会修改原数组，而 filter() 会返回新数组。
• 删除对象属性时，delete 会直接修改原对象，而解构赋值会创建新对象。
• 删除 DOM 元素时，确保元素存在且已加载到 DOM 中。