ES6中set和map「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。

一。 set 数据容器 能够存储无重复值数据的有序列表 1. 通过 new set() 方法创建容器 通过add() 方法添加 2. set.size获取存储的数据的数量 例：

	var set = new Set()
	set.add(1);
	set.add('1');
	console.log(set)
   console.log(set.size)

3. Set内部使用Object.is()方法来判断两个数据项是否相等 4. 利用数组来构造set 且set 构造器不会存在重复的数据 例：

var set1 = new Set([1,2,3,3,3,3,3,2]) // 结果数组会去重

5. 可以使用has()方法来判断某个值是否存在于Set中

例：console.log(set1.has(5)) // 返回 true 或false

6. 使用delete()方法从Set中删除某个值，或者使用clear()方法从Set中删除所 有值 例：

 set1.delete(1) 
 console.log(set1)
 set1.clear()
 console.log(set1)

7. forEach 遍历set

set2.forEach(function(value,key){
	 console.log(value)
	 console.log(key)
 })

8. 将数组转换成set 直接将数组放在new Set()参数中

二。ES6中提供了Map数据结构，能够存放键值对，其中，键的去重是通过Object.is()方法进行比较，键的数据类型可以是基本类型数据也可以是对象，而值也可以是任意类型数据。 1. 创建map 例：

var map = new Map()

2.使用set()方法可以给Map添加键值对 ，能够自动去重，和set原理一样，添加相同的元素会进行去重处理

 var map = new Map()
   console.log(map)
   map.set('title','baidu')
   map.set('year','2018');
   map.set('year','2018');
   map.set('year','2018');

3.通过get()方法可以从Map中提取值,size方法同set一样，获取数组长度

  console.log(map.get('year'))    // 2018
  console.log(map.size)  // 2

4.同set一样，也有 has()，delete(),clear() 方法

  map.delete('title');
  map.clear();
  console.log(map.has('year'));

5. forEach 遍历

     map.forEach(function(value,key){
   	 console.log(value)  // 值 2018
   	 console.log(key)    // 健 year
   })

三。 set和map 的区别

1. 都是用来存储数据用的，但是存储的数据格式不同 set 直接存储 任意类型数据 map 存储数据的时候，必须以key，value的形式， set 使用forEach 遍历的时候，key和value值是一样的 而map 遍历的时候，key就是存进去的对象的key，value就是存在的值

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/196398.html原文链接：https://javaforall.cn