es6——set、map数据结构

set

类似于数组，但是成员的值都是唯一的，没有重复的值。

注意：

• 给Set结构中加入值时，内部使用"==="来判断，，比如"5"和5是不同的，但需要注意平时使用NaN===NaN结果为false，但是在Set内部两个NaN是相同的。

• 两个对象总是不相等的，{}和{}也是不相同的

方法：

• size属性

• Set.prototype.add()

• Set.prototype.delete()

• Set.prototype.has()

• Set.prototype.clear()：清空所有成员

• Set.prototype.keys()：返回键名的遍历器

• Set.prototype.values()：返回键值的遍历器

• Set.prototype.entries()：返回键值对的遍历器

• Set.prototype.forEach()：使用回调函数遍历每个成员

由于 Set 结构没有键名，只有键值（或者说键名和键值是同一个值），所以keys方法和values方法的行为完全一致。

let set = new Set([‘red’, ‘green’, ‘blue’]);

for (let item of set.keys()) {

console.log(item);

}

// red

// green

// blue

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”]

s.forEach((value, key)=>{

console.log(value);

})

// red

// green

// blue

用途：

• 用来数组去重

[...new Set(array)]

• 字符串去重

[...new Set('abcdda')].join("")

WeakSet与Set结构的区别

• WeakSet 的成员只能是对象

• 垃圾回收机制不考虑 WeakSet 对该对象的引用

---

map

类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。

1. 方法：

• size属性

• Map.prototype.set()

• Map.prototype.get()

。。。。和set方法相同

2. map与其他数据类型之间的转化：

1. Map 转为数组

let myMap = new Map()

.set(true, 7)

.set({foo: 3}, [‘abc’]);

console.log([…myMap]);

//[ [ true, 7 ], [ { foo: 3 }, [ ‘abc’ ] ] ]

2. 数组 转为 Map

new Map([

[true, 7],

[{foo: 3}, [‘abc’]]

])

3. Map 转为对象

function strMapToObj(strMap) {

let obj = Object.create(null);

for (let [k,v] of strMap) {

obj[k] = v;

}

return obj;

}

const myMap = new Map()

.set(‘yes’, true)

.set(‘no’, false);

console.log(strMapToObj(myMap));

//{ yes: true, no: false }

4. 对象转为 Map

function objToStrMap(obj) {

let strMap = new Map();

for (let k of Object.keys(obj)) {

strMap.set(k, obj[k]);

}

return strMap;

}

console.log(objToStrMap({yes: true, no: false}));

// Map {“yes” => true, “no” => false}

5. Map 转为 JSON

function strMapToJson(strMap) {

return JSON.stringify(strMapToObj(strMap));

}

let myMap = new Map().set(‘yes’, true).set(‘no’, false);

console.log(strMapToJson(myMap));

// ‘{“yes”:true,“no”:false}’

另一种情况，将Map转为数组JSON

function mapToArrayJson(map) {

return JSON.stringify([…map]);

}

let myMap = new Map().set(true, 7).set({foo: 3}, [‘abc’]);

mapToArrayJson(myMap)

// ‘[[true,7],[{“foo”:3},[“abc”]]]’

6. JSON 转为 Map

function jsonToStrMap(jsonStr) {