本文介绍了如何使用 JavaScript 统计对象数组中特定属性的唯一值数量，并着重处理了 `null` 值的特殊情况，即每个 `null` 值都应被视为一个独立的唯一值。通过 `reduce` 方法和缓存机制，高效地实现了这一目标。
在处理 JavaScript 对象数组时，经常需要统计特定属性的唯一值数量。 本文将介绍如何使用 JavaScript 来实现此目标，并特别关注 null 值的处理：每个 null 值都应该被视为一个独立的唯一值。
使用 reduce 方法统计唯一值
JavaScript 的 reduce 方法非常适合用于将数组中的所有元素组合成单个输出。 我们可以利用它来构建一个缓存，存储已经遇到的 userId 值，并统计唯一值的数量。
以下是一个示例代码：
立即学习“Java免费学习笔记（深入）”；
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代码解释：
- array.reduce((acc, obj) => { ... }, {cache: [], count: 0}): reduce 方法遍历数组 array。acc 是累加器，初始值为 {cache: [], count: 0}，其中 cache 用于存储已经遇到的 userId 值，count 用于记录唯一值的数量。
- if(acc.cache.includes(obj.userId)) return acc;: 检查当前的 userId 是否已经存在于 cache 中。如果存在，则说明已经统计过该值，直接返回累加器 acc，跳过后续处理。
- if(obj.userId !== null) acc.cache.push(obj.userId);: 如果 userId 不为 null，则将其添加到 cache 中，以便后续判断是否已经统计过。
- acc.count++;: 无论 userId 是否为 null，只要没有在 cache 中找到，就认为是一个新的唯一值，将计数器 count 加 1。
- return acc;: 返回更新后的累加器 acc，用于下一次迭代。
- console.log(count);: 最后，输出统计得到的唯一值数量。
总结
通过使用 reduce 方法和缓存机制，我们可以高效地统计对象数组中特定属性的唯一值数量，并且能够灵活地处理 null 值的特殊情况。 这种方法不仅代码简洁易懂，而且性能良好，适用于处理各种规模的数据集。在实际开发中，可以根据具体需求对代码进行适当的调整和优化。例如，可以使用 Set 数据结构代替数组 cache 来提升查找效率。
