您的位置:

JS数组删除多个元素

JS数组是开发中常用的数据结构,也是使用频率比较高的一种数据类型。当我们需要处理数组的删除操作时,JS提供了多种方法来实现。本文将从多个方面对JS数组删除多个元素进行详细阐述。

一、splice()方法

splice()方法可以删除数组中的元素,并向数组添加新元素。它的语法如下:

array.splice(start, deleteCount, item1, item2, ...)

其中,start表示要删除元素的起始位置索引,deleteCount表示要删除元素的数量。如果想要添加新元素可以在splice()后面跟上要添加的新元素。

示例代码:

let fruits = ['banana', 'apple', 'orange', 'grapefruit'];

// 删除1个元素
fruits.splice(2, 1);

console.log(fruits); // ['banana', 'apple', 'grapefruit']

// 删除2个元素,并添加2个新元素
fruits.splice(1, 2, 'cherry', 'lemon');

console.log(fruits); // ['banana', 'cherry', 'lemon', 'grapefruit']

二、filter()方法

filter()方法可以返回一个新数组,并且该数组包含所有通过指定函数过滤的元素。其中,指定函数需要返回一个布尔值来指示每个元素是否应该被返回到新数组中。如果返回true则包含在新数组中,否则不包含。

当需要同时删除多个元素时,可以利用filter()方法来实现,代码如下:

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];

let toBeDeleted = [3, 5, 7];

let filtered = numbers.filter(e => !toBeDeleted.includes(e));

console.log(filtered); // [1, 2, 4, 6, 8, 9]

三、for循环操作

在JS中,我们可以通过for循环来遍历数组,找到需要删除的元素,并移除它们。具体实现代码如下:

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];

let toBeDeleted = [3, 5, 7];

for (let i = numbers.length - 1; i >= 0; i--) {
  if (toBeDeleted.includes(numbers[i])) {
    numbers.splice(i, 1);
  }
}

console.log(numbers); // [1, 2, 4, 6, 8, 9]

四、set结构

JS中的Set结构可以去重并保存没有重复值的数组,可以利用它来操作数组删除。

示例代码如下:

let numbers = new Set([1, 2, 3, 4, 5, 6, 7, 8, 9]);

let toBeDeleted = [3, 5, 7];

toBeDeleted.forEach(e => {
  numbers.delete(e);
});

console.log(numbers); // Set {1, 2, 4, 6, 8, 9}

五、lodash库中的_.without()方法

lodash库是JS的一个实用工具库,它提供了很多常用的工具函数。其中,_.without()方法可以用于从数组中删除指定的元素,并返回新的数组。

示例代码如下:

let _ = require('lodash');

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];

let toBeDeleted = [3, 5, 7];

let filtered = _.without(numbers, ...toBeDeleted);

console.log(filtered); // [1, 2, 4, 6, 8, 9]

六、总结

本文介绍了JS数组删除多个元素的多种方法,包括splice()方法、filter()方法、for循环操作、set结构以及lodash库中的_.without()方法。

JS数组删除多个元素

2023-05-20
js清除网页元素,js删除数组元素

2022-11-24
JS删除数组指定下标元素

2023-05-21
js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
js中删除元素代码,js删除元素的方法

2022-11-25
JS数组中删除指定元素

2023-05-16
js删除指定元素下的文本为,js中删除数组中的指定元素

2022-11-30
javascript简要笔记,JavaScript读书笔记

2022-11-17
python基础学习整理笔记,Python课堂笔记

2022-11-21
Java实现数组元素删除

2023-05-11
从多个方面详细阐述JS删除数组第一个元素

2023-05-16
JavaScript与C语言中删除数组第一个元素的完整指南

2023-05-18
JavaScript数组删除指定元素

2023-05-18
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
Vue数组删除元素

2023-05-17
js待办事项列表添加删除代码的简单介绍

本文目录一览: 1、“点击此处可添加笔记”的代码怎么写 2、js动态添加、删除html代码 3、vivo手机便签怎么一起删 “点击此处可添加笔记”的代码怎么写 输入符号就可以了第一步打开手机,点击备忘

2023-12-08
Vue数组删除指定位置元素

2023-05-16
JS数组最后一个元素的多个方面详解

2023-05-21
javascript一句话笔记,javascript基本语句

2022-11-16
JS数组删除第一个元素的多方案详解

2023-05-20