js遍历数组删除指定元素

方法一:使用filter方法

可以使用数组的filter方法来遍历数组并删除指定元素。filter方法会返回一个新的数组,其中包含满足条件的元素。

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

方法二:使用for循环和splice方法

可以使用for循环遍历数组,然后使用splice方法删除指定元素。splice方法会修改原数组。

javascript 复制代码
let arr = [1, 2, 3, 4, 5];
let target = 3;
 
for (let i = 0; i < arr.length; i++) {
  if (arr[i] === target) {
    arr.splice(i, 1);
    i--; // 删除元素后,数组长度减1,需要更新索引
  }
}
console.log(arr); // [1, 2, 4, 5]

方法三:使用while循环和indexOf方法

可以使用while循环和indexOf方法遍历数组,并使用splice方法删除指定的元素,直到该元素不再存在于数组中。

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

这些方法都可以用来遍历数组并删除指定元素,选择哪种方法取决于你的需求和喜好。

相关推荐
孤水寒月2 小时前
基于HTML的悬窗可拖动记事本
前端·css·html
沐知全栈开发2 小时前
HTML DOM 访问
开发语言
祝余呀2 小时前
html初学者第一天
前端·html
脑袋大大的3 小时前
JavaScript 性能优化实战:减少 DOM 操作引发的重排与重绘
开发语言·javascript·性能优化
二进制person4 小时前
Java SE--方法的使用
java·开发语言·算法
速易达网络4 小时前
RuoYi、Vue CLI 和 uni-app 结合构建跨端全家桶方案
javascript·vue.js·低代码
OneQ6664 小时前
C++讲解---创建日期类
开发语言·c++·算法
耶啵奶膘4 小时前
uniapp+firstUI——上传视频组件fui-upload-video
前端·javascript·uni-app
JoJo_Way4 小时前
LeetCode三数之和-js题解
javascript·算法·leetcode
码农不惑5 小时前
2025.06.27-14.44 C语言开发:Onvif(二)
c语言·开发语言