ES6知识点-Map和Set
Posted xuzhengguo
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ES6知识点-Map和Set相关的知识，希望对你有一定的参考价值。
3.8Map和Set数据结构
3.8.1Set 数据结构
类似于数组，但是成员的值都是唯一的，没有重复的值。
Set本身是一个构造函数，用来生成Set数据结构。
Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。
定义的set对象会自己去除重复的值。
用途：用它来对数组进行去重
Set加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。
Set内部判断两个值是否不同，类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。
Set中两个对象总是不相等的，即便它们是空对象。
//1 接收数组作为参数 var set = new Set([1, 2, 3, 3, 4, 4]); //2 数组去重 var arr=[1, 2, 2, 3, 4, 4]; // 定义一个数组 var set = new Set(arr); //方法一：使用扩展运算符Set结构转为数组 var newArr=[...set]; //方法二：使用Array.from方法将Set结构转为数组 var newArr=Array.from(set); var newArr=new Set([5,"5"]) newArr // Set { 5, '5' } var newArr=new Set([{},{}]) newArr // Set { {}, {} }
3.8.2Set实例的属性和方法
属性
- Set.prototype.constructor：构造函数，默认就是Set函数。
- Set.prototype.size：返回Set实例的成员总数。
方法
操作方法（用于操作数据）
add(value)：添加某个值，返回Set结构本身。
delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
has(value)：返回一个布尔值，表示该值是否为Set的成员。
clear()：清除所有成员，没有返回值。
var s=new Set(); // 定义s 数据类型为Set s.add(1).add(2).add(2); // 使用add方法添加值，重复值不会被添加 s.size // 2 注意2被加入了两次，但是去重了一个，所以s的成员数是2 s.has(1) // true 使用has方法判断是否有该值，有所以返回true s.has(2) // true s.has(3) // false 没有该值返回false s.delete(2); // 使用delete删除该值 s.has(2) // false 因为2被上面删除了，所以没该值，返回false
遍历方法（用于遍历成员） Set的遍历顺序就是插入顺序。
- keys()：返回键名的遍历器。
- values()：返回键值的遍历器，可以省略。
- entries()：返回键值对的遍历器。
- forEach()：使用回调函数遍历每个成员，它的参数是函数。
var set = new Set(['red', 'green', 'blue']); // 定义一个Set对象 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"] set.forEach(function(key,value){ console.log(key,value) }) // red red // green green // blue blue
3.8.3Map结构的目的和基本用法
对象（Object），本质上是键值对的集合（Hash结构），但是传统上只能用字符串当作键。
Map类似于对象，也是键值对的集合,但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。
作为构造函数，Map也可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。
如果对同一个键多次赋值，后面的值将覆盖前面的值。
var m = new Map(); var o = {p: 'welcome to w3cschool'}; // 使用对象做键 m.set(o, 'content') m.get(o) // "content" m.has(o) // true m.delete(o) // true m.has(o) // false var map = new Map([ ['name', 'jack'], ['age', 12] ]); map.size // 2 map.has('name') // true map.get('name') // "jack" map.has('age') // true map.get('age') // "12" map .set(1, 'aaa') .set(1, 'bbb'); // 结果是 bbb的值
3.8.4实例的属性和操作方法
（1）size属性
size属性返回Map结构的**成员总数**。（2）set(key, value)
set方法**设置key所对应的键值**，然后返回整个Map结构。如果key已经有值，则键值会被更新，否则就新生成该键。（3）get(key)
get方法**读取**key对应的键值，如果找不到key，返回undefined。（4）has(key)
has方法返回一个布尔值，表示某个键**是否在Map数据结构中**。（5）delete(key)
delete方法**删除某个键**，返回true。如果删除失败，返回false。（6）clear()
clear方法清**除所有成员**，没有返回值。var map=new Map();
map.set('foo', true); // 设置
map.size; // 1
map.get('foo'); // true
map.has('foo') // true
map.delete('foo'); // 删除map对象的foo键，删除后使用has返回false
map.clear() // 删除map对象所有的键3.8.5Map遍历方法
- keys()：返回键名的遍历器。
- values()：返回键值的遍历器。
- entries()：返回所有成员的遍历器。
- forEach()：遍历Map的所有成员。
3.8.6数据结构的互相转换
（1）Map转为数组
? Map转为数组最方便的方法，就是使用扩展运算符（...）
（2）数组转为Map
? 将数组转入Map构造函数，就可以转为Map。
（3）Map转为对象
? 如果所有Map的键都是字符串，它可以转为对象。
（4）对象转为Map
（5）Map转为JSON
一种情况是Map的键名都是字符串，这时可以选择转为对象JSON。
另一种情况是Map的键名有非字符串，这时可以选择转为数组JSON。
（6）JSON转为Map
JSON转为Map，正常情况下，所有键名都是字符串。
//（1）Map转为数组 [...myMap] // myMap表示Map数据 //（2）数组转为Map new Map(数组) // （3）Map转为对象 function cMapToObj(strMap) { let obj = Object.create(null); for (let [k,v] of strMap) { obj[k] = v; } return obj; } cMapToObj(myMap) //（4）对象转为Map function objToMap(obj) { let strMap = new Map(); for (let k of Object.keys(obj)) { strMap.set(k, obj[k]); } return strMap; } objToMap(对象) //(5)Map转为JSON 对象json JSON.stringify(cMapToObj(myMap)) // cMapToObj是上面定义的函数 //(5)Map转为JSON 数组json JSON.stringify([...myMap]) //（6）JSON转为Map objToMap(JSON.parse( json数据 )) // objToMap是上面定义的函数
以上是关于ES6知识点-Map和Set的主要内容，如果未能解决你的问题，请参考以下文章