当前位置:首页 > JavaScript

js 实现删除

2026-04-05 05:47:37JavaScript

删除数组元素

使用 splice() 方法可以删除数组中的元素。该方法会改变原数组,并返回被删除的元素。

const array = [1, 2, 3, 4, 5];
const deleted = array.splice(2, 1); // 从索引2开始删除1个元素
console.log(array); // [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元素

通过 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();

删除Map或Set中的元素

对于Map和Set数据结构,可以使用 delete() 方法删除元素。

// Map
const map = new Map();
map.set('a', 1);
map.delete('a'); // true

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

删除字符串中的字符

字符串是不可变的,需要创建新字符串来模拟删除操作。

js 实现删除

const str = 'hello world';
const newStr = str.slice(0, 5) + str.slice(6);
console.log(newStr); // 'helloworld'

标签: js
分享给朋友:

相关文章

js实现倒计时

js实现倒计时

使用 setInterval 实现倒计时 通过 setInterval 定时器每秒更新剩余时间,适用于简单倒计时场景。 function countdown(seconds, callback) {…

js实现计算器

js实现计算器

实现基础计算器功能 使用JavaScript创建一个基础计算器需要处理数字输入、运算符逻辑和结果显示。以下是一个简单的实现示例: let currentInput = '0'; let previo…

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…

js实现百叶窗

js实现百叶窗

使用CSS和JavaScript实现百叶窗效果 通过CSS动画和JavaScript事件监听可以实现百叶窗效果。核心思路是将内容区域分割为多个条状元素,通过控制它们的展开/折叠状态来模拟百叶窗。…

js钟表实现

js钟表实现

实现JavaScript钟表的基本方法 创建一个简单的JavaScript钟表可以通过以下步骤完成,涵盖数字和模拟两种形式。 数字钟表实现 HTML结构只需一个显示时间的容器: <div i…

js实现交换

js实现交换

交换变量的方法 在JavaScript中,交换两个变量的值有多种方法。以下是常见的几种实现方式: 使用临时变量 通过引入一个临时变量来存储其中一个变量的值,实现交换: let a = 1; le…