JavaScript 中统计对象数组中唯一属性值的数量（包含 Null 值）

本文介绍了如何使用 JavaScript 统计对象数组中特定属性的唯一值数量，并着重处理了 `null` 值的特殊情况，即每个 `null` 值都应被视为一个独立的唯一值。通过 `reduce` 方法和缓存机制，高效地实现了这一目标。

在处理 JavaScript 对象数组时，经常需要统计特定属性的唯一值数量。 本文将介绍如何使用 JavaScript 来实现此目标，并特别关注 null 值的处理：每个 null 值都应该被视为一个独立的唯一值。

使用 reduce 方法统计唯一值

JavaScript 的 reduce 方法非常适合用于将数组中的所有元素组合成单个输出。 我们可以利用它来构建一个缓存，存储已经遇到的 userId 值，并统计唯一值的数量。

以下是一个示例代码：

立即学习“Java免费学习笔记（深入）”；

WeShop唯象

WeShop唯象是国内首款AI商拍工具，专注电商产品图片的智能生成。

113

查看详情

const array = [
  { _id: '1', userId: '5' },
  { _id: '2', userId: null },
  { _id: '3', userId: null },
  { _id: '4', userId: '1' },
  { _id: '5', userId: '2' },
  { _id: '6', userId: '4' },
  { _id: '7', userId: '4' },
  { _id: '8', userId: null },
  { _id: '9', userId: null },
  { _id: '10', userId: '2' }
];

const {count} = array.reduce((acc, obj) => {
  // 如果已经缓存了 userId，则跳过
  if(acc.cache.includes(obj.userId)) return acc;

  // 将新的 userId 添加到缓存
  if(obj.userId !== null) acc.cache.push(obj.userId);

  // 增加计数
  acc.count++;

  return acc;
}, {cache: [], count: 0});

console.log(count); // 输出：7

代码解释：

1. array.reduce((acc, obj) => { ... }, {cache: [], count: 0}): reduce 方法遍历数组 array。acc 是累加器，初始值为 {cache: [], count: 0}，其中 cache 用于存储已经遇到的 userId 值，count 用于记录唯一值的数量。
2. if(acc.cache.includes(obj.userId)) return acc;: 检查当前的 userId 是否已经存在于 cache 中。如果存在，则说明已经统计过该值，直接返回累加器 acc，跳过后续处理。
3. if(obj.userId !== null) acc.cache.push(obj.userId);: 如果 userId 不为 null，则将其添加到 cache 中，以便后续判断是否已经统计过。
4. acc.count++;: 无论 userId 是否为 null，只要没有在 cache 中找到，就认为是一个新的唯一值，将计数器 count 加 1。
5. return acc;: 返回更新后的累加器 acc，用于下一次迭代。
6. console.log(count);: 最后，输出统计得到的唯一值数量。

总结

通过使用 reduce 方法和缓存机制，我们可以高效地统计对象数组中特定属性的唯一值数量，并且能够灵活地处理 null 值的特殊情况。 这种方法不仅代码简洁易懂，而且性能良好，适用于处理各种规模的数据集。在实际开发中，可以根据具体需求对代码进行适当的调整和优化。例如，可以使用 Set 数据结构代替数组 cache 来提升查找效率。

以上就是JavaScript 中统计对象数组中唯一属性值的数量（包含 Null 值）的详细内容，更多请关注php中文网其它相关文章！