关于ecmascript:SetMap数据结构

Set数据结构

ES6 提供了新的数据结构 Set。它相似于数组，然而成员的值都是惟一的，没有反复的值。

Set自身是一个构造函数，用来生成 Set 数据结构。

const s = new Set()
s.add(1).add(2).add(1).add(3) //增加，可链式调用，不反复
console.log(s); //Set {1,2,3}

Set遍历对象

//set对象遍历
s.forEach(i=>console.log(i))

for(let i of s)
{
  console.log(i);
}

console.log(s.size);  //set对象长度
console.log(s.has(100)); //false
console.log(s.delete(2)); //true
console.log(s); //{1，3}
console.log(s.clear()); //革除汇合内的全部内容

利用场景

//数组去重
const arr = [1,1,1,3,2,1,4,4]
const ss = new Set(arr)
const narr = Array.from(ss) //转化成实在数组
console.log(ss,narr);
const result = [...ss]  //转化成实在数组
console.log(result); 

Map数据结构

相似于对象，实质上都是键值对汇合

原始的对象key无论什么类型都会被转化成字符串

Map是严格意义上的键值对汇合，能够应用任意类型的键

Map与对象的区别

简略的说，Object类型就是增加计算属性，或者通过内部增加属性，他都会转化成string，且Object的key只容许string或symbol，而map很好解决了键的类型问题

传统的增加键值对

const obj = {
  name:"mcgee"
}
obj[true] = "value"
obj[11] = "value"
obj[{a:1}] = "value"

console.log(Object.keys(obj)) //[ '11', 'name', 'true', '[object Object]' ]

任意类型的Map键值对

const m = new Map()
const str = {a:1};
m.set(str,"value") //key , value
m.set(11,"asd")
console.log(m);

操作方法

console.log(m.size)
console.log(m.get(str))
m.delete(11)
console.log(m);
m.clear()
console.log(m);

Map 也能够承受一个数组作为参数。该数组的成员是一个个示意键值对的数组

const map = new Map([
  ['name', '张三'],
  ['title', 'Author']
]);

map.size // 2
map.has('name') // true
map.get('name') // "张三"
map.has('title') // true
map.get('title') // "Author"

下面理论执行的是

const items = [
  ['name', '张三'],
  ['title', 'Author']
];

const map = new Map();

items.forEach(
  ([key, value]) => map.set(key, value)
);

反对 iterator接口可被for..of..