ES6中set和map「建议收藏」

全栈程序员-站长 • 2022年9月7日上午8:36 • 未分类 • 阅读 2

一。 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 的区别

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

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