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内部使用Obj...
一。 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就是存在的值
更多推荐
所有评论(0)