当前位置:首页 > JavaScript

js 实现删除

2026-01-31 13:39:54JavaScript

删除数组元素

使用 splice() 方法可以删除数组中的元素。该方法接受两个参数:起始索引和要删除的元素数量。

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

删除对象属性

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

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

删除 DOM 元素

通过 removeChild()remove() 方法可以删除 DOM 元素。

// 使用 removeChild
const parent = document.getElementById('parent');
const child = document.getElementById('child');
parent.removeChild(child);

// 使用 remove
const element = document.getElementById('element');
element.remove();

删除本地存储数据

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

localStorage.removeItem('key');

删除事件监听器

使用 removeEventListener() 可以移除事件监听器。

const button = document.getElementById('button');
const handleClick = () => console.log('Clicked');
button.addEventListener('click', handleClick);
button.removeEventListener('click', handleClick);

删除 Map 或 Set 中的元素

对于 MapSet,可以使用 delete() 方法删除元素。

js 实现删除

// Map
const map = new Map();
map.set('key', 'value');
map.delete('key');

// Set
const set = new Set([1, 2, 3]);
set.delete(2);

标签: js
分享给朋友:

相关文章

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…

js实现吸色

js实现吸色

使用Canvas实现吸色功能 通过Canvas的getImageData方法获取像素颜色数据。创建一个Canvas元素,将目标图像绘制到Canvas上,通过鼠标事件获取坐标对应的颜色值。 const…

js实现下拉菜单

js实现下拉菜单

使用HTML和CSS创建基础结构 HTML部分需要包含一个触发下拉的按钮和隐藏的下拉菜单内容: <div class="dropdown"> <button class="dr…

js实现定位

js实现定位

使用Geolocation API获取当前位置 在JavaScript中,可以通过浏览器内置的Geolocation API获取用户的地理位置信息。该API需要用户授权才能访问位置数据。 if (n…

js 实现图片 放大

js 实现图片 放大

使用 CSS transform 实现图片放大 通过 CSS 的 transform: scale() 属性可以实现图片的平滑放大效果。结合 JavaScript 监听鼠标事件控制放大状态: con…