如何从对象数组中移除name键含指定字符串的对象?
解决思路:遍历数组并移除包含指定字符串的对象
嘿,这个问题其实很好解决,我给你分享两种常用的方案,你可以根据自己的场景选择:
方案一:创建新数组(非原地修改,推荐)
这种方法不会改动原数组,而是返回一个剔除了目标对象的新数组,安全性更高,也更符合函数式编程的思路。
假设你的对象数组长这样:
const productList = [ { name: "Sports Car", price: 50000 }, { name: "Laptop", price: 1000 }, { name: "Car Mat", price: 50 }, { name: "Headphones", price: 200 } ];
我们可以用Array.filter()方法来筛选:
// 筛选出name中不包含"Car"的对象,组成新数组 const filteredList = productList.filter(item => !item.name.includes("Car"));
细节补充:
- 如果需要忽略大小写(比如要匹配"car"、"CAR"、"Car"等),可以把字符串统一转成小写再判断:
const filteredList = productList.filter(item => !item.name.toLowerCase().includes("car")); - 原数组
productList会保持不变,新数组filteredList就是你想要的结果。
方案二:原地修改原数组
如果你确实需要直接修改原数组(比如不想额外占用内存),可以用Array.splice()方法,但要注意遍历的顺序——倒着遍历,避免删除元素后索引错乱导致漏删。
代码示例:
// 从数组末尾开始往前遍历 for (let i = productList.length - 1; i >= 0; i--) { // 判断当前对象的name是否包含"Car" if (productList[i].name.includes("Car")) { // 从索引i的位置删除1个元素 productList.splice(i, 1); } }
为什么要倒着遍历?
如果正着遍历,当你删除一个元素后,后面的元素会自动前移一位,导致下一次循环跳过了原本在当前索引下一位的元素。倒着遍历就不会有这个问题,因为删除前面的元素不会影响还没遍历到的(更靠前的)元素的索引。
同样,忽略大小写的处理和方案一一样,用toLowerCase()转换后再判断即可。
两种方案的选择
- 如果你需要保留原数组,优先选方案一的
filter方法; - 如果不需要保留原数组,且想节省内存,可以选方案二的原地修改方式。
内容的提问来源于stack exchange,提问作者ii iml0sto1
相关产品推荐
相关产品推荐

