如何在JavaScript函数中忽略不存在的值且不返回undefined？

原函数的问题出在这几个核心点：

• 处理数组中不存在的元素时，for循环遍历完所有元素后回调函数无返回值，导致reduce无法正确累积结果，最终返回undefined。
• else if (xArray[i] !== yNumber) { continue; }完全多余，不匹配的情况本来就会自然进入下一次循环，这个分支没有任何作用。
• 原逻辑找到第一个匹配元素就直接返回数组，无法处理数组中存在多个相同待移除元素的情况；同时splice修改原数组长度后，后续循环的索引会出现错乱。

修复后的简洁实现 #

const removeFromArray = function(...args) {
  // 解构分离目标数组与待移除元素集合
  const [targetArray, ...toBeRemoved] = args;
  // 过滤出不需要移除的元素，返回全新数组
  return targetArray.filter(item => !toBeRemoved.includes(item));
};

console.log(removeFromArray([3, 4, 5, 1], 1, 3, 5, 10)); // 输出 [4]

修复逻辑说明 #

1. 用解构赋值清晰拆分输入参数，让目标数组和待移除元素的关系一目了然。
2. 使用filter方法创建新数组，不会修改原数组，符合纯函数的设计原则。
3. 通过includes判断元素是否需要移除，自动忽略数组中不存在的参数，完美匹配需求。

基于原reduce思路的修复方案（仅作参考） #

如果坚持要用reduce实现，需确保无论元素是否存在，回调函数都返回处理后的数组，同时修复循环索引问题：

const removeFromArray = function(...xNumber) {
  return xNumber.reduce(function(xArray, yNumber) {
    // 从后往前遍历，避免splice修改数组长度导致的索引错乱
    for (let i = xArray.length - 1; i >= 0; i--) {
      if (xArray[i] === yNumber) {
        xArray.splice(i, 1);
      }
    }
    // 无论是否找到匹配元素，必须返回当前数组，保证reduce能正常累积
    return xArray;
  });
};

console.log(removeFromArray([3, 4, 5, 1], 1, 3, 5, 10)); // 输出 [4]

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