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

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐