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与其他数据类型之间的转化：
- Map 转为数组
let myMap = new Map()
.set(true, 7)
.set({foo: 3}, ['abc']);
console.log([...myMap]);
//[ [ true, 7 ], [ { foo: 3 }, [ 'abc' ] ] ]
- 数组 转为 Map
new Map([
[true, 7],
[{foo: 3}, ['abc']]
])
- 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 }
- 对象转为 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}
- 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"]]]'
- JSON 转为 Map
function jsonToStrMap(jsonStr) {
return objToStrMap(JSON.parse(jsonStr));
}
console.log(jsonToStrMap('{"yes": true, "no": false}'));
// Map {'yes' => true, 'no' => false}
另一种情况
function jsonToMap(jsonStr) {
return new Map(JSON.parse(jsonStr));
}
jsonToMap('[[true,7],[{"foo":3},["abc"]]]')
// Map {true => 7, Object {foo: 3} => ['abc']}
3. 原生实现一个map
4. map和WeakMap的区别，为什么会出现WeakMap这种结构呢？
-
WeakMap只接受一个对象作为键(null除外)
-
WeakMap的键名所指向的对象，不计入垃圾回收机制。
-
只有四个方法，get()、set()、has()、delete()
主要是因为：比如使用map结构，对对象obj进行了引用，则除非手动清除map结构或手动删除引用，obj的内存才会被释放，反之则一直被map引用，不会被垃圾回收机制回收。一旦忘了写，就会造成内存泄露。
WeakMap 就是为了解决这个问题而诞生的，它的键名所引用的对象都是弱引用，即垃圾回收机制不将该引用考虑在内。因此，只要所引用的对象的其他引用都被清除，垃圾回收机制就会释放该对象所占用的内存。也就是说，一旦不再需要，WeakMap 里面的键名对象和所对应的键值对会自动消失，不用手动删除引用。以下代码就可以反映：
let a = new WeakMap();
let obj = {a:"12"};
a.set(obj, "12");
console.log(a.get(obj)); //12
obj = null;
console.log(a.get(obj)); //undefined
典型用法场合： DOM 节点作为键名。将DOM的状态用WeakMap来存储，要是之后DOM被清除，则对应的状态也会被清除，不会产生内存泄露。
