ES6中set和map「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一。 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就是存在的值