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 小时前
AI 辅助:前端框架反模式:过度封装、状态滥用与副作用失控
前端·vue·react·web
by__csdn15 小时前
Vue vs React vs Angular:前端框架终极对决
前端·vue.js·react.js·前端框架·vue·react·angular
钛态15 小时前
前端框架选型决策框架:React、Vue、Svelte、Solid 的 2026 年横评
前端·vue·react·web
2501_9261028615 小时前
深入浅出Vue.js前端框架设计:核心原理与实践指南
前端·vue.js·前端框架
程序员黑豆16 小时前
使用AI编程开发鸿蒙应用:从环境搭建到实战示例
前端·harmonyos
郑州光合科技余经理19 小时前
代驾系统架构拆解:订单链路、权限组织与私有化源码交付
开发语言·后端·算法·架构·系统架构·uni-app·php
程序员黑豆20 小时前
鸿蒙应用开发:一次开发多端部署之响应式布局完全指南
前端·harmonyos
小月土星20 小时前
2.0 React Router 前端路由深度解析:从传统后端路由到现代 SPA 的完整演进
前端
To_OC21 小时前
LC 35 搜索插入位置:二分查找谁都会,边界条件谁写谁懵
javascript·算法·leetcode
码哥DFS1 天前
二叉树的直径
开发语言·javascript·算法