JS Set去重原理_引用类型处理-js教程-PHP中文网

JS Set去重原理_引用类型处理

狼影

发布： 2025-11-17 20:41:02

原创

319人浏览过

Set通过Same-value-zero机制实现去重，支持原始值和引用类型唯一性判断，其中NaN被视为相同，引用类型基于地址比较，内容相同但地址不同仍视为不同值，因此需借助JSON.stringify或深比较实现内容去重。

js set去重原理_引用类型处理

JS中的Set对象用于存储任何类型的唯一值，无论是原始值还是引用类型。它自动确保内部的每个值只出现一次，这是基于“严格相等”（Same-value-zero）比较机制实现的。

Set去重的基本原理

Set在判断元素是否重复时，使用的是Same-value-zero标准。这和全等（===）非常相似，但有个关键区别：NaN等于NaN。

例如：

const set = new Set([1, 1, NaN, NaN]); console.log(set); // Set { 1, NaN }

虽然===下NaN !== NaN，但Set认为它们是相同的，因此能正确去重NaN。

引用类型如何处理

对于引用类型（如对象、数组），Set通过比较引用地址来判断是否相等，而不是内容。

这意味着两个内容完全相同但独立创建的对象，会被视为不同值：

const arr1 = [1, 2]; const arr2 = [1, 2]; const set = new Set([arr1, arr2]); console.log(set.size); // 2

因为arr1和arr2指向不同的内存地址，所以都被保留。

钉钉 AI 助理

钉钉AI助理汇集了钉钉AI产品能力，帮助企业迈入智能新时代。

查看详情

只有当引用完全相同时，才会被去重：

const obj = { a: 1 }; const set = new Set([obj, obj]); console.log(set.size); // 1

如何实现引用类型的内容去重

Set默认无法按内容去重对象或数组，需要手动处理。常见方法包括：

转换为JSON字符串再比较（适用于结构简单、无函数/undefined的场景）
使用Map配合自定义键生成逻辑
借助第三方库进行深度比较

示例：用JSON.stringify实现数组内容去重

function uniqueByStringify(arr) { const seen = new Set(); return arr.filter(item => { const str = JSON.stringify(item); if (seen.has(str)) return false; seen.add(str); return true; }); } const result = uniqueByStringify([[1,2], [1,2], [3]]); // [[1,2], [3]]

注意：这种方法对函数、undefined、Symbol会丢失数据，且对象键顺序可能影响结果。