JavaScript数组移除指定值异常：移除97时仍有残留的问题排查

哈哈，这个坑我之前踩过！你猜的完全没错，类型不匹配就是导致97清不干净的核心原因！

具体场景还原 #

大概率你的数组里同时存在两种类型的"97"：一种是数字类型的97，另一种是字符串类型的"97"。比如数组可能长这样：

const arr = [97, "97", 32, 6, 97, "97"];

而你移除元素的时候，用的是严格相等判断（===）——比如写了类似这样的过滤逻辑：

const filteredArr = arr.filter(item => item !== 97);

这时候数字97会被过滤掉，但字符串"97"因为类型不同，"97" !== 97是true，所以会被留在数组里，看起来就像“没清干净”。

而32和6能被彻底清除，是因为它们在数组里全是同一类型（比如都是数字），严格相等判断能匹配到所有实例，自然就清干净了。

解决办法 #

根据你的需求，有几种处理方式：

• 如果要移除所有值为97的元素（不管类型）：可以用非严格相等（==）来判断，它会自动做类型转换：

  const filteredArr = arr.filter(item => item != 97);
  

  不过要注意，非严格相等可能带来隐式转换的坑，比如"97" == 97是true，但false == 0也是true，如果数组里有类似值要谨慎。

• 明确处理两种类型：直接把两种可能的类型都写进判断条件：

  const filteredArr = arr.filter(item => item !== 97 && item !== "97");
  

• 统一数组元素类型后再过滤：先把所有元素转成数字（或字符串），再进行过滤，比如：

  const filteredArr = arr.map(item => Number(item)).filter(item => item !== 97);
  

  这种方式要注意，如果数组里有无法转成数字的字符串（比如"abc"），转完会变成NaN，需要额外处理。

额外排查点 #

如果上面的情况都不是，那可以检查下是不是遍历移除时的索引问题——比如用普通for循环正向遍历，移除元素后数组长度变短，导致跳过了后面的元素。但你说32和6能清干净，这种情况概率很低，因为如果是索引问题，其他值也会有残留。

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