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]

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

相关推荐
打瞌睡的朱尤15 小时前
Vue day10 完整购物网页(登录页,首页,搜索)
前端·javascript·vue.js
光泽雨15 小时前
C# 中 Assembly 类详解
开发语言·c#
少控科技16 小时前
C#基础训练营 - 02 - 运算器
开发语言·c#
扶苏100216 小时前
深入理解 Vue 3 的 watchEffect
前端·javascript·vue.js
Riemann~~17 小时前
C语言嵌入式风格
c语言·开发语言
zmzb010318 小时前
C++课后习题训练记录Day104
开发语言·c++
未来龙皇小蓝18 小时前
RBAC前端架构-05:引入Element-UI及相关逻辑
前端·ui
zmzb010319 小时前
C++课后习题训练记录Day105
开发语言·c++·算法
wjs202419 小时前
Vue3 条件语句
开发语言
_codemonster19 小时前
JavaWeb开发系列(六)JSP基础
java·开发语言