当前位置:首页 > JavaScript

js实现删除

2026-02-28 22:06:54JavaScript

使用 splice() 方法删除数组元素

splice() 方法可以直接修改原数组,通过指定起始索引和删除数量来删除元素。

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

使用 filter() 方法删除特定元素

filter() 方法返回一个新数组,包含通过回调函数测试的元素。

js实现删除

const arr = [1, 2, 3, 4, 5];
const newArr = arr.filter(item => item !== 3); // 删除值为3的元素
console.log(newArr); // 输出: [1, 2, 4, 5]

删除对象属性

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

js实现删除

const obj = { a: 1, b: 2, c: 3 };
delete obj.b; // 删除属性b
console.log(obj); // 输出: { a: 1, c: 3 }

使用 pop()shift() 删除首尾元素

pop() 删除数组最后一个元素,shift() 删除第一个元素。

const arr = [1, 2, 3];
arr.pop(); // 删除末尾元素
console.log(arr); // 输出: [1, 2]

arr.shift(); // 删除开头元素
console.log(arr); // 输出: [2]

清空数组

直接将数组长度设为0或重新赋值为空数组。

let arr = [1, 2, 3];
arr.length = 0; // 方法1
console.log(arr); // 输出: []

arr = [1, 2, 3];
arr = []; // 方法2
console.log(arr); // 输出: []

标签: js
分享给朋友:

相关文章

js 实现继承

js 实现继承

原型链继承 通过让子类的原型对象指向父类的实例来实现继承。子类实例可以访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Pa…

js实现类

js实现类

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

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClip…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在H…

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #34…

js分组实现

js分组实现

分组实现方法 在JavaScript中,可以通过多种方式实现数组或对象的分组操作。以下是几种常见的方法: 使用Array.prototype.reduce() 通过reduce方法可以轻松实现数组…