当前位置:首页 > JavaScript

js 实现删除

2026-03-02 04:52:14JavaScript

删除数组元素

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

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

删除对象属性

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

js 实现删除

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

删除 DOM 元素

通过 remove() 方法或 removeChild() 方法移除 DOM 节点。

js 实现删除

// 方法1:直接调用 remove()
const element = document.getElementById('target');
element.remove();

// 方法2:父节点调用 removeChild()
const parent = document.getElementById('parent');
const child = document.getElementById('child');
parent.removeChild(child);

删除 Map 或 Set 中的元素

  • Map:使用 delete() 方法根据键删除条目。
  • Set:使用 delete() 方法删除指定值。
    
    // Map 示例
    const map = new Map([['a', 1], ['b', 2]]);
    map.delete('a'); // 删除键为 'a' 的条目

// Set 示例 const set = new Set([1, 2, 3]); set.delete(2); // 删除值为 2 的元素


### 删除字符串中的字符  
通过字符串方法(如 `slice()`、`substring()`)或正则表达式实现部分删除。  
```javascript
const str = 'hello world';
const newStr = str.slice(0, 5) + str.slice(6); // 删除索引5的字符
console.log(newStr); // 'helloworld'

删除本地存储数据

使用 localStorage.removeItem()sessionStorage.removeItem() 删除存储的数据。

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

标签: js
分享给朋友:

相关文章

css3结合js制作

css3结合js制作

CSS3 结合 JavaScript 制作动态效果 CSS3 和 JavaScript 结合可以实现丰富的动态效果,包括动画、交互和响应式设计。以下是几种常见的实现方式: CSS3 动画与 Jav…

js实现图片轮播

js实现图片轮播

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

js实现验证

js实现验证

验证表单输入 使用JavaScript验证表单输入是常见的需求。可以通过监听表单提交事件,检查输入字段是否符合要求。 document.getElementById('myForm').addEv…

js实现预览

js实现预览

文件上传预览实现 使用JavaScript实现文件上传预览功能,可以通过FileReader对象读取文件内容并显示预览。以下代码支持图片、文本和PDF文件的预览: // HTML部分需要包含inp…

js实现抽奖

js实现抽奖

实现抽奖功能的基本思路 抽奖功能的核心是随机选择奖项并展示结果。可以通过数组存储奖项,利用随机数生成索引,最后通过动画增强用户体验。 准备奖项数据 定义一个数组存储奖项信息,每个奖项可以包含名称、…

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…