如何在JavaScript数组中获取符合谓词条件的元素数量？

Question

假设我们想要在 JavaScript 数组中计算 NaN 的个数。我们可以使用

let arr = [...Array(100)].map( (a,i) => i %10==0 ?  NaN : i )
console.log(arr)

> [NaN, 1, 2, 3, 4, 5, 6, 7, 8, 9, NaN, 11, 12, 13, 14, 15, 16, 17, 18, 19, NaN, 21, 22, 23, 24, 25, 26, 27, 28, 29, NaN, 31, 32, 33, 34, 35, 36, 37, 38, 39, NaN, 41, 42, 43, 44, 45, 46, 47, 48, 49, NaN, 51, 52, 53, 54, 55, 56, 57, 58, 59, NaN, 61, 62, 63, 64, 65, 66, 67, 68, 69, NaN, 71, 72, 73, 74, 75, 76, 77, 78, 79, NaN, 81, 82, 83, 84, 85, 86, 87, 88, 89, NaN, 91, 92, 93, 94, 95, 96, 97, 98, 99]

let nans = arr.map( aa => isNaN(aa) ? 1 : 0).reduce((acc,a) => acc+a)
console.log(nans)
> 10

那确实可行...但每次记住reduce()机制还是有些具有挑战性的。是否可以应用谓词来构建更简洁的结构，如下所示：

arr.count( a => isNan(a))

- WestCoastProjects

---

arr.filter(isNaN).length - Taplar

啊，没错，JavaScript 有 filter。你能把它作为一个答案吗？ - WestCoastProjects

.filter 的一个问题是它需要创建一个中间数组，仅用于其 .length，我认为使用 .reduce 更加合适。 - CertainPerformance

啊，有趣 - filter 会创建一个中间数组。但是我想对于小数组来说，filter 还是可以的。 - WestCoastProjects

filter 总是创建一个新的数组。它被称为“中间操作”，因为它仅用于获取第二个期望的结果。 - Taplar

Answer 1

你只需要一个.reduce方法，其中累加器是到目前为止找到的NaN数量：

const arr = [...Array(100)].map( (a,i) => i %10==0 ?  NaN : i );
const nans = arr.reduce((a, item) => a + isNaN(item), 0);
console.log(nans);

- CertainPerformance

---

这肯定是一种改进（并且已经得到了赞同）。我会等待那个对于这种用例非常准确的“filter”答案。 - WestCoastProjects

哦，所以filter创建了一个中间数组。也许对于非常小的数组来说这没问题，但是对于内存使用很重要的大型数组来说，这种方法更好。 - WestCoastProjects

在考虑数组的大小时，这是一个容易被忽视的微妙之处。我们有一个“小过滤器”和一个“大缩减器”。 - WestCoastProjects

Answer 2

您可以筛选掉不是NaN的元素。

arr.filter(isNaN).length
//or
arr.filter(function(it){ return isNaN(it); }).length

- Taplar

---

我喜欢这个用于小数组，并会记住@CertainPerformance在中等和较大的数组中提到的内存/性能问题。 - WestCoastProjects

Answer 3

使用 forEach 循环代替 map 和 reduce

const nanCount = (arr, count = 0) => (
  arr.forEach((num) => (count += isNaN(num))), count
);


const arr = [NaN, 0, 1, 3 , NaN];
console.log(nanCount(arr));

- Siva K V

Answer 4

或者使用while来处理更大的...

const arr = [...Array(1e6)].map((a, i) => i % 10 == 0 ? NaN : i);

let
  i = arr.length,
  nans = 0;
  
while (i--) {
  nans += isNaN(arr[i]);
}

console.log(nans.toExponential());

---

const arr = [...Array(100)].map((a, i) => i % 10 == 0 ? NaN : i);

const count = (arr, predicate) => {
  let c = 0, i = arr.length;
  while (i--) c += predicate(arr[i]);
  return c
};

const
  nans = count(arr, x => isNaN(x)),
  sevens = count(arr, x => x % 7 === 0);

console.log(`nans: ${nans}, sevens: ${sevens}`);

- pilchard