ES6 set数据类型

set本身是一个构造函数

1、创建set集合并添加元素

let set = new Set();
console.log(typeof set)    //object
set.add('a');    //add()方法添加元素
set.add('b'); 
set.add('c'); 
console.log(set);    //{a,b,c}

2、Set的size属性可以获取set的长度

console.log(set.size);    //3

3、Set不能添加重复元素

set.add('a');    //重复,所以添加失败,这个地方并不保存
console.log(set.size);    // 3
console.log(set);    //{a,b,c}

// 数字5和字符5是不相等的,则可以添加进去
set.add(5)
set.add('5')
console.log(set.size)    //5
console.log(set);    {a,b,c,5,'5'}

4、数组和Set可以相互转换,而Set不能添加重复元素,可以利用这一点实现数组去重。数组转化为set,只需要在创建set时将数组作为参数传递即可;把set转化为数组可以使用扩展运算符 ...

//数组转换为Set数据类型并去重
let arrSet = [1,4,2,3,2,4,5];
let set = new Set(arrSet);
console.log(set);    //{1,4,2,3,5}

//Set数据类型转换为数组
let arr = [...set];
console.log(arr);    //[1,4,2,3,5]

5、Set的has()可以判断一个值是否在set中

var arrSet = new Set([2,3,4])
console.log(arrSet.has(5)) //false
console.log(arrSet.has(2)) //true

6、移除Set元素,delete(需要删除的值);clear()  清空所有的值

var set = new Set([1,3,6]);
set.delete(3);
console.log(set);    //{1,6}

set.clear();
console.log(set);    //{}

7、Set的遍历

  • Set可以使用forEach遍历,forEach遍历时回调函数有三个参数

    function(value,key,ownerSet) {

                  函数体
     }

参数1: 遍历到的元素的值
参数2: 对set集合来说,参数二的值与参数一相同
参数3: Set集合自身

let iSet = new Set([1,2,4,6,8])
    iSet.forEach(function(value){
    console.log(value);    //1 2 4 6 8
})
  • for...of也可以遍历set
let iSet = new Set([1,2,4,6,8])
for (val of iSet) {
    console.log(val);    //1 2 4 6 8
}

8、set是通过Object.is()来判断两个元素是否相等的 **但是判断+0和-0的时候是用 === 号判断的

set.add(+0)
set.add(-0)   // ===判断相等,添加不进去
console.log(set.size)//1

set.add(NaN)
set.add(NaN)  //Object.is()判断相等,添加不进去
console.log(set.size)//2

set.add([])
set.add([]) //两个空数组不相等(存放在堆中的数据虽然字面量相等但是并不指向同一片内存空间),所有可以添加
console.log(set.size)//4

set.add({})
set.add({}) // 空对象也不重复,也可以添加
console.log(set.size)//6


   

  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: ES6中的Set和Map是两种新增的集合类型。Set是一种无重复值的集合,可以通过new Set()来创建。它具有add方法用于向集合中添元素,has方法用于判断集合中是否存在某个元素,clear方法用于清空集合。Set也可以用于数组去重,通过new Set(\[...\])的方式将数组转换为Set,利用Set的特性去除重复值。\[1\] Map是一种键值对的集合,可以通过new Map()来创建。它具有set方法用于向集合中添键值对,get方法用于获取指定键名对应的值,has方法用于判断集合中是否存在某个键名,clear方法用于清空集合。Map的键名可以是任意数据类型,包括引用值,但需要注意的是,引用值作为键名时,需要使用相同的引用地址才能获取到对应的值。\[2\] Set和Map都可以使用for...of循环或forEach方法进行遍历。在Set中,forEach的第二个参数是集合的元素,因为Set中不存在下标。而在Map中,forEach的第一个参数是键值对的值,第二个参数是键值对的键名。\[3\] 总结来说,Set和Map是ES6中新增的集合类型,Set用于存储无重复值的集合,Map用于存储键值对的集合。它们提供了一些方法来操作集合,如添、获取、判断是否存在等。在使用时需要注意它们的特性和方法的使用方式。 #### 引用[.reference_title] - *1* *2* [ES6中的Map和Set详解](https://blog.csdn.net/m0_45093055/article/details/126430467)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [ES6中的set与map](https://blog.csdn.net/weixin_44247866/article/details/127561391)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值