当前位置：首页 > JavaScript

js实现删除功能

2026-01-30 14:12:00JavaScript

实现删除功能的方法

删除数组中的元素

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

const array = [1, 2, 3, 4, 5];
const indexToDelete = 2;
array.splice(indexToDelete, 1); // 删除索引为2的元素
console.log(array); // [1, 2, 4, 5]

删除对象中的属性

使用 delete 操作符可以删除对象的属性。

js实现删除功能

const obj = { name: 'John', age: 30, city: 'New York' };
delete obj.age; // 删除age属性
console.log(obj); // { name: 'John', city: 'New York' }

删除DOM元素

通过DOM操作可以删除页面上的元素。需要先获取元素的父节点，再调用 removeChild 方法。

const elementToDelete = document.getElementById('element-id');
elementToDelete.parentNode.removeChild(elementToDelete);

使用filter方法删除数组中的元素

filter 方法可以创建一个新数组，包含所有通过测试的元素。通过排除特定元素实现删除效果。

js实现删除功能

const array = [1, 2, 3, 4, 5];
const valueToDelete = 3;
const newArray = array.filter(item => item !== valueToDelete);
console.log(newArray); // [1, 2, 4, 5]

删除本地存储的数据

使用 localStorage.removeItem 可以删除存储在本地存储中的特定数据。

localStorage.removeItem('key'); // 删除指定key的数据

删除事件监听器

通过 removeEventListener 可以移除之前添加的事件监听器。

const button = document.getElementById('button');
const handleClick = () => console.log('Clicked');
button.addEventListener('click', handleClick);
button.removeEventListener('click', handleClick); // 移除事件监听器