当前位置:首页 > 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实现动画

使用 CSS 动画与 JavaScript 控制 通过 JavaScript 动态添加或移除 CSS 类来触发动画。CSS 定义关键帧(@keyframes),JavaScript 通过 classL…

js实现二叉树

js实现二叉树

二叉树的基本概念 二叉树是一种树形数据结构,每个节点最多有两个子节点,分别称为左子节点和右子节点。二叉树的常见操作包括插入、删除、遍历等。 二叉树的节点定义 在JavaScript中,二叉树的节点可…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

js实现投球

js实现投球

实现投球动画的基本思路 使用JavaScript和CSS动画结合的方式模拟投球效果。核心是通过改变元素的位置、旋转和缩放属性,配合定时器或CSS过渡实现平滑动画。 创建基础HTML结构 <di…

vue实现js休眠

vue实现js休眠

实现 JavaScript 休眠的方法 在 Vue 中实现 JavaScript 休眠(延迟执行)可以通过以下方式实现。由于 JavaScript 本身没有内置的 sleep 函数,通常使用 Prom…

js实现下拉菜单

js实现下拉菜单

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