es6学习之map和set

Map和SetMap 定义：一组键值对的集合它是一组键值对的数据结构，由于之前javascript的键（key）必须是字符串。为了使键可以是多种类型的于是在最新的es6中引入了map这种数据结构，这样可以加快查询速度，类似于查字典方法和属性var m = map() //空mapm.set(‘学生年龄’,6 ) //添加一对新的key-valuem.has(‘学生年龄’) //是否存在key学生年龄 truem.get(‘学生年龄’) //拿到值 6m.delete(‘学生年龄’) // 删除key学生年龄m.clear() //清除所有成员没有返回值m.size() // 返回map结构的成员总数 1需要注意的是如果多次对相同key值插入value，前一次的value值会被覆盖map中的键实际是对内存地址的引用，举例说明var k1 = 222；var k2 = 222；map.set(k1, 123);.set(k2, 222);map.get(k1); // 123 map.get(k2); // 222因此如果键值是对象的话就算值相同也是两个不同的键，如果是简单类型的话（number，boolean，string），只要值相等，就是同一个键，0和-0也被map视为同一键，NaN也是同一键遍历map的方法keys（）：返回键名的遍历器values（）：返回键值的遍历器entries（）：返回所有成员的遍历器forEach（）：遍历所有map成员map遍历的顺序就是插入的顺序使用实例var m = new map( [‘F’, ’no’], [’t’, ‘yes’]);for(let key of map.keys()) { console.log(key);}// f,tfor(let key of map.values()) { console.log(key);}// no, yesfor(let key of map) { console.log(key[0], key[1]);}// f no// t yesmap.forEach( res => { console.log(res[0], res[1]);});// f no// t yesforEach方法还可以接受第二个参数，用来绑定this。类型转换[ ] map如何转换为数组运用扩展运算符可以很方便的转换var m = map;m.set(‘a’, 1);m.set(‘b’, 2);[…map];// [[‘a’,1], [‘b’,2]];[ ] 数组转换为mapnew Map([[true, 7], [{foo: 3}, [‘abc’]]])// Map {true => 7, Object {foo: 3} => [‘abc’]}[ ] map转化为对象如果键都是字符串function mapToObj(strMap) { let obj = Object.create(null); for(let [k,v] of strMap) { obj[k] = v } return obj;}let map = new Map().set(‘yes’,111);mapToObj(map);// {yes: 111};[ ] 对象转为mapfunction objToMap(obj) { let map = new Map(); for(let k of obj.keys()) { map.set(k.obj[k]); } return map;}objToStrMap({yes: true, no: false});// [ [ ‘yes’, true ], [ ’no’, false ] ][ ] map转化为json如果map键名都是字符串的话，可以转化为对象jsonfunction mapToJson(strMap) { return JSON.stringify(mapToObj(strMap)); // map转化为对象在转化为json }let map = new Map().set(‘yes’, 111);strMapToJson(myMap)// ‘{“yes”:true,“no”:false}‘如果键名时非字符串的话，转化为数组jsonfunction mapToJson1(strMap) { return JSON.stringify([…strMap]); //map转化为数组在转化为数组json}let myMap = new Map().set(true, 7).set({foo: 3}, [‘abc’]);mapToArrayJson(myMap)// ‘[[true,7],[{“foo”:3},[“abc”]]]‘json转化为map同理只是return的是JSON.parse()方法也分为键名是字符串和非字符串Set特点类型于数组。但是它的成员值都是唯一的，可以用来做数组去重构造函数var a = new Set([1,2,2,3,4,555,5,5,6]);[…a];// [1,2,3,4,555,6];这是一个数组去重的例子在set内部如果有两个NAN会去掉一个方法add（value）: 添加值返回set结构本身delete（value）：删除某个值返回布尔值表示是否删除成功has（value）：返回布尔值表示该值是否为set的成员clear（）：清除所有成员数组去重的两种方法var arr = [1,2,3,4,4,5];var aSet = new Set(arr);[…aSet];//[1,2,3,4,5] var bSet = new Set(arr);arr = Array.from(bSet); // [1,2,3,4,5]由于set的keys（）和values（）完全一样所以无法通过set[xxx]的方式找到其内部的值，遍历set的方法keys（）：返回键名和遍历器values（）：返回键值和遍历器entires（）：返回键值对的遍历器forEach（）：使用回调函数遍历每个成员 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”]forEach对空数组不会执行回调函数