JavaScript set()和map(),小白必看，简单明了

new Set()去重

var set = new Set([1,2,2,2,3,3,4,4,4,4])
//Set(4) {1, 2, 3, 4}

size个数

var set = new Set([1,2,2,2,3,3,4,4,4,4])
set.size // 4

add()新增

var set = new Set([1,2,2,2,3,3,4,4,4,4])
set.add(5) // Set(5) {1, 2, 3, 4, 5}

delete()删除某个值，返回布尔值

var set = new Set([1,2,2,2,3,3,4,4,4,4])
set.delete(2) // true
set // Set(4) {1, 3, 4, 5}

has()判断是否有没有值

var set = new Set([1,2,2,2,3,3,4,4,4,4])
set.has(3) // true
set.has(0) // false

keys()，values()，entries()获取键值对

let set = new Set([‘red’, ‘green’, ‘blue’]);
for (let item of set.keys()) {console.log(item);}
for (let item of set.values()) {console.log(item);}
//red
//green
//blue
for (let item of set.entries()) {console.log(item);}
// [“red”, “red”]
// [“green”, “green”]
// [“blue”, “blue”]

new Map()

JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。

set()向map中添加元素

var map = new Map([[‘id’,‘999’],[‘name’,‘张三’],[‘age’,‘24’]])
map.set(‘adress’,‘唐山’)
Map(4) {“id” => “999”, “name” => “张三”, “age” => “24”, “adress” => “唐山”}

get()从map获取元素

var map = new Map([[‘id’,‘999’],[‘name’,‘张三’],[‘age’,‘24’]])
map.get(‘name’)
// “张三”

has()检测map中是否存在某元素

var map = new Map([[‘id’,‘999’],[‘name’,‘张三’],[‘age’,‘24’]])
map.hsa(‘name’)
// true
map.hsa(‘sex’)
// false

delete()删除map中的元素

var map = new Map([[‘id’,‘999’],[‘name’,‘张三’],[‘age’,‘24’]])
map.delete(‘name’)
// true
map
// Map(2) {“id” => “999”, “age” => “24”}

clear()清空map中所有的项

var map = new Map([[‘id’,‘999’],[‘name’,‘张三’],[‘age’,‘24’]])
mar.clear()
map
//Map(0) {}

map()和filter()结合使用，达到筛选的效果

var map = new Map([[1,‘a’],[2,‘b’],[3,‘c’],[4,‘d’]])
var map1 = new Map([…map].filter(([key,val])=>key>3))
map1
//Map(1) {4 => “d”}

map和set混合使用

实例一个map
var map = new Map([
[new Set([‘apple’,‘banana’]),‘fruit’],
[new Set([‘cabbage’,‘cucumber’,‘tomatoes’]),‘vegetables’],
[new Set([‘hamburger’,‘coke’]),‘food’]
])
通过传值精确获取map的val
getVal(val){
for (let key of map.keys()) {
if(key.has(val)) {
console.log( map.get(key));
}
}
}
实例化方法
getVal(‘coke’)
// food