javascript - 从 Javascript "null"函数返回 "filter"值

Question

假设我有以下数组:arr = [1, 2, 0, null, 4]，我想过滤数组中的所有“0”。示例代码如下:

arr.filter((val) => {return val !== 0})
//>> [1, 2, null, 4]

它工作得很好。但如果我使用 if 语句，则不会返回“null”值:

arr.filter((val) => {if(val !== 0) return val})
//>> [1, 2, 4]

只有当我返回包含“值”的数组时它才有效:

arr.filter((val) => {if(val !== 0) return [val]})
//>> [1, 2, null, 4]

任何人都可以解释为什么在使用 if 语句时仅在数组中返回“null”吗？

Answer 1

如果从 filter 回调返回的值是 true，则项目将包含在结果数组中。

return val !== 0

如果 val 为 0，则返回 false，否则返回 true。

if(val !== 0) return val

如果 val为 0，

将返回undefined，否则返回val。因此，如果 val 不是 0，但仍然为 false(如 null)，则它不会包含在结果中。

但是数组总是真实的(无论它们包含什么值)，所以

if(val !== 0) return [val]}

将总是导致最终数组中包含非0值。

console.log(Boolean(null));
console.log(Boolean([null]));