链式调用filter与map时，filter返回空数组map不执行是否符合预期？

这是预期行为，JavaScript数组的map方法仅会在调用它的数组包含元素时，遍历执行回调函数。如果数组为空，map不会触发任何回调，所以你写在map回调里的长度判断代码根本不会执行。

问题出在哪？ #

你的写法错误在于：把空数组的判断逻辑放在了map的回调函数里，但当filter返回空数组时，map根本不会执行回调，自然无法触发判断。map的第三个参数（调用map的原数组）确实是filter后的结果，但只有当数组有元素时，回调才会被调用，你才有机会访问这个参数。

正确的写法 #

应该先将filter的结果保存为变量，先判断该变量的长度，再分支处理：

const letters = ["a", "b", "c"];
const numbers = [1, 2, 3]

function result(arr) {
  const filteredArr = arr.filter(x => x === "a");
  
  if (filteredArr.length === 0) {
    // 空数组时的操作
    return "执行空数组相关逻辑";
  } else {
    // 有元素时执行map转换
    return filteredArr.map((y, i) => {
      // 处理非空数组的逻辑
      return `转换后的元素：${y}`;
    });
  }
}

这种方式把判断逻辑提前，脱离map的回调，就能准确根据filter的结果执行对应操作，符合数组方法的设计逻辑——map负责元素转换，分支判断单独处理。

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