本文介绍了如何使用 JavaScript 统计对象数组中特定属性的唯一值数量，并着重处理了 `null` 值的特殊情况，即每个 `null` 值都应被视为一个独立的唯一值。通过 `reduce` 方法和缓存机制，高效地实现了这一目标。
在处理 JavaScript 对象数组时，经常需要统计特定属性的唯一值数量。 本文将介绍如何使用 JavaScript 来实现此目标，并特别关注 null 值的处理：每个 null 值都应该被视为一个独立的唯一值。
使用 reduce 方法统计唯一值
JavaScript 的 reduce 方法非常适合用于将数组中的所有元素组合成单个输出。 我们可以利用它来构建一个缓存，存储已经遇到的 userId 值，并统计唯一值的数量。
以下是一个示例代码：
WeShop唯象
WeShop唯象是国内首款AI商拍工具，专注电商产品图片的智能生成。
113 查看详情
立即学习“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 来提升查找效率。
以上就是JavaScript 中统计对象数组中唯一属性值的数量（包含 Null 值）的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/309426.html
微信扫一扫 
支付宝扫一扫 
