js中数组的filter方法无法返回0的问题

问题

现在有一个要求，编写一个函数，传入一个集合（里面都是数字），返回集合中3d倍数的元素
例子：传入：[0, 1, 2, 3, 4, 5, 6, 9, 11]，返回：[0, 3, 6, 9]

解决方法

现在看看如下两种方法：

function choose_multiples_of_three(collection) {
  return collection.filter(item => {
    if (item % 3 == 0) {
      return item;
    }
  })
}

返回的结果是[3, 6, 9]

function choose_multiples_of_three(collection) {
  return collection.filter(item => {
    return item % 3 === 0;
  })
}

返回的结果是[0, 3, 6, 9]

这就引出了一个问题，为什么第一个方法会没有0，而第二个有呢？
这就需要知道filter的工作原理：filter创建一个新的数组，filter中return后面判断结果，取布尔值，true的话就添入新的filter数组中，false的话，不会添进filter的数组中

这里我们如果直接返回item的话，0就会做一次判断，发现它转换为布尔值为false，所以不添加到新的filter数组，如果我们对其进行干扰，把判断直接写在return的后面，就相当于对这个判断进行了重写

我的理解：其实这里return后面的判断就是filter的主要功能，这里的判断就是过滤的意思，我们通过重写这个判断改变过滤的条件，就可以过滤掉不要的元素