当前位置:首页 > 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 操作符删除对象的属性。

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

删除 DOM 元素

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

// 方法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() 删除存储的数据。

js 实现删除

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

标签: js
分享给朋友:

相关文章

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

js实现tab选项卡切换

js实现tab选项卡切换

实现Tab选项卡切换的JavaScript方法 使用纯JavaScript实现Tab切换功能,可以通过监听点击事件动态切换内容显示状态。以下是两种常见实现方式: 基础DOM操作实现 // 获取所有…

js实现防洪

js实现防洪

防抖(Debounce)实现 防抖的核心思想是在事件触发后延迟执行回调函数,若在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口调整等场景。 function debounce(func,…

js实现选题

js实现选题

实现选题功能的JavaScript方法 基础实现方案 使用数组存储选项,通过随机索引选取: const options = ['选项A', '选项B', '选项C', '选项D']; const r…

js实现上传文件

js实现上传文件

文件上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API可以实现文件上传功能。 <input type="file"…

js图片轮播的实现

js图片轮播的实现

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