JavaScript——ES6新增特性Set

最新推荐文章于 2024-07-26 17:41:09 发布

Vez’nan

最新推荐文章于 2024-07-26 17:41:09 发布

阅读量258

点赞数 1

分类专栏： JavaScript 文章标签： javascript es6 开发语言

本文链接：https://blog.csdn.net/qq_52748669/article/details/125745731

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文深入探讨了JavaScript中的Set对象，重点介绍了其唯一性、特殊值处理，以及如何从Array和String转换为Set。同时，展示了Set在数组去重、求并集和交集等场景的应用。此外，还通过示例展示了对象引用的不恒等性。

摘要由CSDN通过智能技术生成

定义

Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用

特殊值

Set 对象存储的值总是唯一的，所以需要判断两个值是否恒等

有三个特殊的值需要注意

+0 与 -0 在存储判断唯一性的时候是恒等的，所以不重复；
undefined 与 undefined 是恒等的，所以不重复；
NaN 与 NaN 是不恒等的，但是在 Set 中只能存一个，不重复。

var newSet=new Set()
newSet.add("abc")
//体现类型的多样性
newSet.add(+0)
newSet.add(-0)
newSet.add(undefined)
newSet.add(undefined)
newSet.add(NaN)
newSet.add(NaN)
//以上体现值的唯一性
newSet.add({})
newSet.add({})
//这里体现了对象之间引用不同不恒等，即使值相同，Set 也能存储
console.log(newSet)
//Set(6) {"abc",0, undefined, NaN, {…}, {…}}

类型转换
1）Array

// Array 转 Set
var mySet = new Set(["value1", "value2", "value3"])
// 用...操作符，将 Set 转 Array
var myArray = [...mySet]

2）String

// String 转 Set
var mySet = new Set('hello');  
console.log(mySet);// Set(4) {"h", "e", "l", "o"}
// 注：Set 中 toString 方法是不能将 Set 转换成 String

作用

1）数组去重

var mySet = new Set([1, 2, 3, 4, 4])
console.log([...mySet])
// [1, 2, 3, 4]

2) 求并集和交集

var a = new Set([1, 2, 3])
var b = new Set([4, 3, 2])
var union = new Set([...a, ...b])
// {1, 2, 3, 4}
var intersect = new Set([...a].filter(x => b.has(x))) 
// {2, 3}