全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

ES6数组删除指定元素的多种方法

发布时间:2023-11-24 12:32:07
发布人:xqq

一、利用filter方法


let arr = [1, 2, 3, 4, 5];
let target = 3;
arr = arr.filter(item => item !== target);
console.log(arr); // [1, 2, 4, 5]

ES6提供了filter方法,可以对数组进行过滤。将指定元素从数组中删除,只需在数组的filter方法中传入一个回调函数,回调函数会返回一个布尔值,true表示留下该元素,false表示删除该元素。

二、利用splice方法


let arr = [1, 2, 3, 4, 5];
let index = arr.indexOf(3);
if (index !== -1) {
  arr.splice(index, 1);
}
console.log(arr); // [1, 2, 4, 5]

splice可以删除指定索引处的元素,第一个参数是要删除的起始索引,第二个参数是要删除的元素个数。可以先通过indexOf方法获取要删除的元素的索引,然后再使用splice方法删除该元素。

三、利用slice和concat方法


let arr = [1, 2, 3, 4, 5];
let index = arr.indexOf(3);
if (index !== -1) {
  arr = arr.slice(0, index).concat(arr.slice(index + 1));
}
console.log(arr); // [1, 2, 4, 5]

可以通过slice方法将数组分割成两段,再将两段拼接起来,从而达到删除指定元素的目的。第一个slice方法获取起始位置到要删除元素的前一个位置的元素,第二个slice方法获取要删除元素的后一个元素到数组末尾的元素,再使用concat方法将两段拼接起来。

四、利用reduce方法


let arr = [1, 2, 3, 4, 5];
let target = 3;
arr = arr.reduce((result, item) => {
  if (item !== target) {
    result.push(item);
  }
  return result;
}, []);
console.log(arr); // [1, 2, 4, 5]

reduce方法可以将数组中的元素累加到一个结果中,只需返回一个结果即可。将指定元素从数组中删除,只需在reduce方法中判断元素是否是要删除的元素,是则不加入新数组,否则加入新数组中。

五、利用while循环和splice方法


let arr = [1, 2, 3, 4, 5];
let target = 3;
let index;
while ((index = arr.indexOf(target)) !== -1) {
  arr.splice(index, 1);
}
console.log(arr); // [1, 2, 4, 5]

利用while循环和splice方法可以多次删除数组中的指定元素。只需在while循环中不断查找要删除的元素的索引,直到查找不到为止。

es6删除数组中的某个元素

相关文章

如何用matlab提取矩阵某一列

如何用matlab提取矩阵某一列

2023-11-24
linux数据盘怎么使用,linux读取硬盘数据

linux数据盘怎么使用,linux读取硬盘数据

2023-11-24
sqljdbc4.jar下载地址

sqljdbc4.jar下载地址

2023-11-24
Navicat许可证密钥用法介绍

Navicat许可证密钥用法介绍

2023-11-24

最新文章

武汉新媒体行业公司排名

武汉新媒体行业公司排名

2023-11-01
武汉新媒体就业现状好吗

武汉新媒体就业现状好吗

2023-11-01
武汉全媒体行业发展现状及趋势

武汉全媒体行业发展现状及趋势

2023-10-31
武汉全媒体现状

武汉全媒体现状

2023-10-31
在线咨询 免费试学 教程领取