es6 Map、Set和Array.from（）

使用Map、Set、Array.from都需要支持es6的浏览器才能使用。

一、Map:

1.Map是一组键值对的结构，具有极快的查找速度。
2.格式类似于一个二维数组。

var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);
m.get('Michael'); // 95

var m = new Map(); // 空Map
m.set('Adam', 67); // 添加新的key-value
m.set('Bob', 59);
m.has('Adam'); // 是否存在key 'Adam': true
m.get('Adam'); // 67
m.delete('Adam'); // 删除key 'Adam'
m.get('Adam'); // undefined

ps:由于一个key只能对应一个value，所以，多次对一个key放入value，后面的值会把前面的值冲掉

二、set:

1.Set和Map类似，也是一组key的集合，但不存储value。
2.由于key不能重复，所以，在Set中，没有重复的key。
3.可以用来去重。
4.创建：

var s1 = new Set(); // 空Set
var s2 = new Set([1, 2, 3]); // 含1, 2, 3

5.重复的元素在set中会被自动过滤：

var s = new Set([1, 2, 3, 3, '3']);
s; // Set {1, 2, 3, "3"}
//注意数字3和字符串'3'是不同的元素。

6.通过delete(key)方法可以删除元素：

var s = new Set([1, 2, 3]);
s; // Set {1, 2, 3}
s.delete(3);
s; // Set {1, 2}

三、Map、Set与Array

1.从 Map 生成数组

const map = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(map);
// [[1, 2], [2, 4], [4, 8]]const mapper = new Map([['1', 'a'], ['2', 'b']]);
Array.from(mapper.values());
// ['a', 'b'];Array.from(mapper.keys());
// ['1', '2'];

2.从Set生成数组

const set = new Set(['foo', 'bar', 'baz', 'foo']);
Array.from(set);
// [ "foo", "bar", "baz" ]

四、Array.from（）

Array.from() 方法从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。

console.log(Array.from('foo'));
// expected output: Array ["f", "o", "o"]console.log(Array.from([1, 2, 3], x => x + x));
// expected output: Array [2, 4, 6]function f() {return Array.from(arguments);
}
f(1, 2, 3);
// [ 1, 2, 3 ]

附：

1.数组去重：

var arr=[1,2,1,2,3];
var s=new Set(arr);
var arr2=Array.from(s);
console.log("去重后的数组："+arr2);

2.数组去重合并：

function combine(){ let arr = [].concat.apply([], arguments);  //没有去重复的新数组 return Array.from(new Set(arr));
} var m = [1, 2, 2], n = [2,3,3];
console.log(combine(m,n));                     // [1, 2, 3]

参考连接：
1.廖雪峰Map和Set
2.Array.from()

es6 Map、Set和Array.from（）相关推荐

es6 map()和filter()详解【转】
本文转载自: https://www.cnblogs.com/zxyun/p/7019631.html 作者:zxyun 转载请注明该声明. 原文地址:http://www.zhangxinxu.co ...
es6 Map，Set 和 WeakMap，WeakSet
这些是新加的集合类型,提供了更加方便的获取属性值的方法,不用像以前一样用hasOwnProperty来检查某个属性是属于原型链上的呢还是当前对象的.同时,在进行属性值添加与获取时有专门的get,set ...
ES6 Map数据结构
Map JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键.这给它的使用带来了很大的限制. ES6 提供了 Map 数据结构.它类似于对 ...
map/set/object/array对比
map () {//数据结构横向对比, 增,查,改,删let map = new Map()let array = []//增map.set('t',1)array.push({t:1})consol ...
ES6 Map和Set的用法笔记
一.Map 1.概念:Map用来保存键值对,类似于字典类型.任意值(对象或者原始值)都可以作为一个键或者一个值. 2.Maps 和 Objects 用法比较 Object对象的键只能是字符串或者 Sy ...
ES6 Map对象的使用
转自: https://blog.csdn.net/u012664198/article/details/97373751 Map对象保存键值对,任何值(对象或者原始值) 都可以作为一个键或一个值 k ...
es6 map与set
set 定义: Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用,Set对象是值的集合,你可以按照插入的顺序迭代它的元素.Set中的元素只会出现一次,即 Set 中的元素是唯一的 S ...
map与weakmap,ES6 Map和WeakMap有什么区别？
Looking this and this MDN pages it seems like the only difference between Maps and WeakMaps is a mis ...
ES6——Map和WeakMap
ES6 提供了新的数据结构 Map. 它有九个常用方法: 通过键检查元素是否存在 has(key) 添加元素 set(key , value) 通过键移除元素 delete(key) 通过键获取值 g ...