当前位置:首页 > 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
分享给朋友:

相关文章

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swipe…

js 进度条的实现

js 进度条的实现

使用 HTML 和 CSS 创建基础进度条 HTML 结构可以简单使用一个 div 元素作为容器,内部嵌套另一个 div 表示进度: <div class="progress-containe…

js实现预览

js实现预览

文件上传预览实现 使用JavaScript实现文件上传预览功能,可以通过FileReader对象读取文件内容并显示预览。以下代码支持图片、文本和PDF文件的预览: // HTML部分需要包含…

js实现定位

js实现定位

使用Geolocation API获取当前位置 在JavaScript中,可以通过浏览器内置的Geolocation API获取用户的地理位置信息。该API需要用户授权才能访问位置数据。 if (n…

js实现 拖动

js实现 拖动

实现拖动的步骤 HTML 结构 创建一个可拖动的元素和一个放置区域: <div id="draggable" draggable="true">拖动我</div> <d…

实现图片旋转js

实现图片旋转js

使用CSS transform属性旋转图片 通过CSS的transform属性可以轻松实现图片旋转。以下是一个简单的示例代码: const image = document.getElement…