ES6新特性五：Set与Map的数据结构实例分析
本文实例讲述了ES6新特性五之Set与Map的数据结构。分享给大家供大家参考，具体如下：
1.Set
①定义：它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成Set数据结构。
vars=newSet();
[2,3,5,4,5,2,2].map(x=>s.add(x))
console.log(s);//Set{2,3,5,4}
②属性和方法
Set结构有以下属性。
Set.prototype.constructor：构造函数，默认就是Set函数。
Set.prototype.size：返回Set的成员总数。
Set数据结构有以下方法。
add(value)：添加某个值，返回Set结构本身。
delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
has(value)：返回一个布尔值，表示该值是否为Set的成员。
clear()：清除所有成员，没有返回值。
vars=newSet(); s.add(1).add(2).add(2); //注意2被加入了两次 console.log(s.size)//2 console.log(s.has(1))//true console.log(s.has(2))//true console.log(s.has(3))//false console.log(s.delete(2)); console.log(s.has(2))//false
③Array.from方法可以将Set结构转为数组
varitems=newSet([1,2,3,4,5]);
vararr=Array.from(items);
//运用:去除数组中重复元素的方法
vararray=[1,2,3,2,3,4];
functionfun(array){
returnArray.from(newSet(array));
}
console.log(fun(array));//[1,2,3,4]
④Set结构有一个values方法，返回一个遍历器。
vars=newSet([1,2,3,4,5]);
console.log(s.values());//SetIterator{1,2,3,4,5}
//Set结构的默认遍历器就是它的values方法
console.log(Set.prototype[Symbol.iterator]===Set.prototype.values)//true
//所以遍历可以直接使用for...of
for(letxofs){
console.log(x);
}
//由于扩展运算符（...）内部使用for...of循环，将Set转化为数组。
vararr=[...s];
console.log(arr);//[1,2,3,4,5]
⑤Set结构的foreach方法
varset=newSet([1,2,3]);
set.forEach(function(value,key){
console.log(value);
});
⑥Set结构也有keys和entries方法，这时每个值的键名就是键值。
letset=newSet(['red','green','blue']);
for(letitemofset.keys()){
console.log(item);
}
//red
//green
//blue
for(let[key,value]ofset.entries()){
console.log(key,value);
}
//red,red
//green,green
//blue,blue
⑦数组的map和filter方法的运用
map(x){}:遍历数组，对每一元素进行处理，返回处理后的数组。
filter(x){}:遍历数组，对每一个元素进行校验，返回含有通过校验元素的数组。
varset=newSet([1,2,3]);
set=newSet([...set].map(x=>x*2));
console.log(set);//返回Set结构：{2,4,6}
varset=newSet([1,2,3,4,5]);
set=newSet([...set].filter(x=>(x%2)==0));
console.log(set);//返回Set结构：{2,4}
2.Map
①原因：JavaScript的对象，本质上是键值对的集合，但是只能用字符串当作键。
②定义：它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。
③属性和方法
size：返回成员总数。
set(key,value)：设置key所对应的键值，然后返回整个Map结构。如果key已经有值，则键值会被更新，否则就新生成该键。
get(key)：读取key对应的键值，如果找不到key，返回undefined。
has(key)：返回一个布尔值，表示某个键是否在Map数据结构中。
delete(key)：删除某个键，返回true。如果删除失败，返回false。
clear()：清除所有成员，没有返回值。
④与set相同可以接受数组参数创建map，但数组的元素是一个个代表键值对的数组构成。
varmap=newMap(); varmap1=newMap([["name","张三"],["title","Author"]]); console.log(map1.size)//2
⑤只有对同一个对象的引用，Map结构才将其视为同一个键，只要内存地址不一样，就视为两个键。
varmap=newMap(); map.set(['a'],555); console.log(map.get(['a']))//undefined vark1=['a']; //虽然值相同，但这是一个新的值，内存地址不一样,new的 vark2=['a']; map.set(k1,111); map.set(k2,222);
⑥遍历
Map结构的默认遍历器接口（Symbol.iterator属性），就是entries方法。
keys()：返回键名的遍历器。
values()：返回键值的遍历器。
entries()：返回所有成员的遍历器。
console.log(Map[Symbol.iterator]===Map.entries)//true letmap=newMap([[1,'one'],[2,'two'],[3,'three']]); console.log([...map.keys()]);//[1,2,3] console.log([...map.values()]);//['one','two','three'] console.log([...map.entries()]);//[[1,'one'],[2,'two'],[3,'three']] console.log([...map]);[[1,'one'],[2,'two'],[3,'three']]
⑦Map还有一个forEach方法，进行遍历。
⑧与set相同，map可以结合数组的map方法、filter方法，可以实现Map的遍历和过滤。
希望本文所述对大家ECMAScript程序设计有所帮助。