过滤方法行为

Question

为什么过滤方法不能像使用 if 条件一样使用三元条件？

如果它适用于if..else

let numbers = [-1, -2, -3, 1, 2, 3];
let negatives = [];

let positives = numbers.filter(num => {
   if(num > 0) {
     return num;                      // positives array => [1, 2, 3]
   } else {
     negatives.push(num);             // negatives array => [-1, -2, -3]
   }
})

如果它适用于?

let positives = numbers.filter(num => num > 0 ? num : negatives.push(num));

// positives array => [-1, -2, -3, 1, 2, 3]

// negatives array => [-1, -2, -3]

我尝试了带有 if 条件的 filter 方法，它返回了我预期的结果。 但是当它与三元条件一起使用时，结果对我来说不是预期的。

Answer 1

问题是您误解了粘贴的代码的作用。

让我们看看.. 在第一个代码中，fitering function 返回num或什么都不返回（在negatives.push()之后没有return ，所以它隐式返回undefined ）。

function fn(){ 
  // no explicit return
}
const what = fn();
typeof what === "undefined"; // true

第二个版本返回num或negatives.push()调用的返回值， 根据定义：

返回值

调用该方法的 object 的新长度属性。

所以在代码的第二个版本中， filter接收每个负数：0、1、2 ...等等。 第一次出现将被视为“虚假”（ 0 是 JS 中的“虚假”值），因此它将从结果数组中过滤掉，以下负数将包含在结果数组中，因为过滤 function 将返回它们的“真实”值（正数是 JS 中的“真实”值）

---

话虽如此...

将filter function 用于除过滤内容之外的其他任务是一种不好的做法。 在这种需要区分正负的场景下，使用forEach更清晰合适。

const positives = [];
const negatives = [];

numbers.forEach(num => {
   if(num > 0) { // Note: that this comparison will send ZEROES to negatives array, which could lead to a bug.
     positives.push(num);
   } else {
     negatives.push(num);
   }
}); 

或更简单：

const positives = [];
const negatives = [];

numbers.forEach(num => (num > 0 ? positives : negatives).push(num));

Answer 2

数组方法filter需要一个返回 boolean 值的回调。 在您的第二个示例中，当num为正时（这是真实的），您将返回num 。

但是，当num为负数时，该方法返回negatives.push(num)的结果，这也是真实的。

Answer 3

filter方法未返回正确的 boolean 值。 最好返回准确的 boolean 'type' 值。

 let numbers = [-1, -2, -3, 1, 2, 3]; const negatives = []; const positives = numbers.filter((num) => { if (num > 0) { return true; } negatives.push(num); return false; }); console.log(negatives) console.log(positives)