当前位置：首页 > 文章列表 > 文章 > 前端 > Set去重原理与引用类型处理详解

Set去重原理与引用类型处理详解

2026-05-08 22:32:54 0浏览收藏

JavaScript中Set对象通过Same-value-zero机制实现高效去重，既能正确处理原始值（包括特殊地将NaN视为相等），又严格依据内存地址判断引用类型是否重复——这意味着内容完全相同的对象或数组仍会被视为不同元素；若需按实际内容去重，必须借助JSON.stringify（适用于简单结构）、自定义Map键策略或深度比较方案，深刻理解“引用相等”与“内容相等”的本质区别，是避免开发中去重失效的关键。

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指向不同的内存地址，所以都被保留。

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

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会丢失数据，且对象键顺序可能影响结果。