如何在未知索引时从JSON数组中彻底移除指定值？

嘿，我明白你的痛点了——delete操作确实只会把对应索引位置的元素变成undefined，留下尴尬的空位，而且不知道目标值的索引时，直接用splice也无从下手。别担心，这里有几个靠谱的解决方案，帮你彻底搞定这个问题：

方法1：使用filter创建新数组（最简洁） #

这是最推荐的方式，filter会遍历数组并返回一个新数组，只包含符合条件的元素，完美避开空位问题：

var my_array = [3,6,4,8,11];
// 创建一个不含数值4的新数组
var cleanedArray = my_array.filter(item => item !== 4);
console.log(cleanedArray); // 输出: [3,6,8,11]

优点：代码简洁易读，不会修改原数组，同时能自动处理数组中多个目标值的情况。

方法2：原地修改数组（使用indexOf+splice循环） #

如果你需要直接修改原数组而不是创建新数组，可以用循环查找目标值的索引，找到就用splice移除：

var my_array = [3,6,4,8,11];
let targetValue = 4;
let index = my_array.indexOf(targetValue);

// 循环查找并移除所有目标值
while (index !== -1) {
  my_array.splice(index, 1); // 从index位置删除1个元素
  index = my_array.indexOf(targetValue); // 继续查找下一个目标值
}

console.log(my_array); // 输出: [3,6,8,11]

优点：直接修改原数组，适合需要保留原数组引用的场景，同样能处理多个目标值的情况。

方法3：倒序遍历+splice（原地修改的另一种思路） #

另一种原地修改的方式是倒序遍历数组，这样删除元素时不会影响未遍历的元素位置：

var my_array = [3,6,4,8,11];
let targetValue = 4;

// 从数组末尾开始遍历
for (let i = my_array.length - 1; i >= 0; i--) {
  if (my_array[i] === targetValue) {
    my_array.splice(i, 1);
  }
}

console.log(my_array); // 输出: [3,6,8,11]

为什么倒序？因为正序遍历时，删除元素后后面的元素会前移，导致跳过下一个元素；倒序遍历就不会有这个问题啦。

内容的提问来源于stack exchange，提问作者Chris