当前位置:首页 > 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() 方法返回一个新数组,包含通过回调函数测试的元素。

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

删除对象属性

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

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或重新赋值为空数组。

js实现删除

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

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

标签: js
分享给朋友:

相关文章

js实现分页

js实现分页

实现分页的基本思路 分页功能通常需要处理数据分割、页码生成和用户交互。核心逻辑包括计算总页数、根据当前页截取数据、渲染页码按钮等。 前端分页实现(静态数据) 假设已有全部数据,仅需前端分页展示:…

js实现复制功能

js实现复制功能

使用 document.execCommand 方法 这种方法适用于较旧的浏览器,但在现代浏览器中可能被逐步淘汰。通过创建一个临时的 textarea 元素,将文本内容放入其中,然后执行复制命令。…

js实现vue路由

js实现vue路由

Vue 路由的基本实现 在 Vue.js 中实现路由功能通常使用 Vue Router 库。Vue Router 是 Vue.js 官方的路由管理器,用于构建单页面应用(SPA)。 安装 Vue R…

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…

js 实现滚动

js 实现滚动

实现滚动的方法 使用 window.scrollTo() window.scrollTo() 方法可以滚动到文档中的特定位置。可以指定 x 和 y 坐标,或者使用平滑滚动的选项。 // 滚动到指定位…

js进度条实现

js进度条实现

使用HTML和CSS创建基础结构 在HTML中创建一个容器元素用于显示进度条,通常使用<div>元素。CSS用于设置进度条的样式,包括宽度、高度、颜色和圆角等属性。 <div cl…