当前位置:首页 > 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() 方法删除元素。

// 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 实现vue

js 实现vue

实现 Vue 的核心功能 在 JavaScript 中实现 Vue 的核心功能需要模拟数据绑定、虚拟 DOM 和响应式系统。以下是一个简化版的实现思路: 响应式系统 通过 Object.define…

js实现

js实现

实现 JavaScript 功能的方法 在 JavaScript 中实现特定功能通常涉及多个步骤。以下是常见的实现方法: 基础语法和变量声明 使用 let 或 const 声明变量: let…

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 通过监听鼠标事件(mousedown、mousemove、mouseup)实现拖拽功能。以下是核心代码逻辑: const draggableElement = document…

js实现图片轮播

js实现图片轮播

实现基础图片轮播 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS设置样式和动画效果,JavaScript处理轮播逻辑。 <div c…

js实现图片上传

js实现图片上传

图片上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API可以实现图片上传功能。HTML部分需要创建一个文件选择输入框和一个用于…

js轮播图实现原理

js轮播图实现原理

轮播图的基本原理 轮播图通过动态切换显示的内容(图片、文本等)实现视觉上的滑动效果。核心原理是利用CSS和JavaScript控制元素的显示与隐藏,或通过变换位置实现滑动动画。 实现方法一:CSS…