首页 > > 网页制作 > Javascript >

es6 Set 和Map 数据结构

2018-06-24 01:11:54来源：未知 阅读 ()

新老客户大回馈,云服务器低至5折

ES6提供了新的数据结构Set,它类似于数组，但是成员的值都是唯一的，没有重复的值。
　　Set 本身是一个数据结构，用来生成Set 数据结构。
　　　　const s = new Set();
　　　　[2,3,5,4,5,2,2,2].forEach(x=>s.add(x));
　　　　for(let i of s) {
　　　　　　console.log(i);
　　　　} // 2 3 5 4
 
　　Set 函数可以接受一个数组作为参数。
　　　　可以利用去除数组重复成员的方法。
　　　　[...new Set(array)] // 去除数组重复变量成员
　　Set 实例的属性和方法
　　　　Set 结构的实例有两种属性
　　　　　　Set.prototype.constructor 构造函数，默认就是Set 函数
　　　　　　Set.prototype.size: 返回Set 实例的成员总数。
　　　　Set 实例方法分为两大类，操作方法和遍历方法。
　　　　　　add(value) : 添加某个值，返回Set 结构本身，delete(value): 删除某个值，返回布尔值，
　　　　　　表示是否删除成功。
　　　　has(value) 返回一个布尔值，表示该值是否为set 的成员。 clear(),清除所有成员，没有返回值。
　　可以用 Array.from 方法将Set 结构转为数组
　　　　const item = new Set([1,2,3,4,]);
　　　　const array = Array.from(items);
　　数组去重方法
　　function dedupe(array) {
　　　　return Array.from(new Set(array));
　　}
　　dedupe([1,1,2,3]) // [1,2,3]
 
　　Set 结构的实例有四个遍历方法，可以用于遍历成员
　　　　keys() 返回键名的遍历器 values() 返回键值的遍历器，entries()、返回键值对的遍历器 forEach() 使用回调函数遍历每一个。
 
Map
　　ES6 提供了Map 数据结构，它类似于对象，也就是键值对的集合。
　　　　const m = new Map();
　　　　const o = {p: 'Hello World'};
　　　　m.set(o,'content');
　　　　m.get(o) // "content"
　　　　m.has(o) // true
　　　　m.delete(o) // true
　　　　m.has(o) // false
　　实例的属性和操作方法
　　　　1 size 属性 返回Map 结构的成员总数
　　　　2.set(key,value) 设置键名key对应的键值为value,然后返回整个Map结构
　　　　3.get(key) ，get方法读取key 对应的键值,如果找不到key,返回undefined。
　　　　4.has(key) 返回一个布尔值，表示某个键是否在当前Map独享之中.
　　　　5.delete(key) 方法删除某个键，返回true 如果删除失败，返回false.
　　　　6.clear() 方法清除所有成员，没有返回值。
Map 结构提供三个便利器生成函数和一个遍历方法。
　　keys() 返回键名的遍历器 values() 返回键值的遍历器，entries()、返回键值对的遍历器 forEach() 使用回调函数遍历每一个。
与其他数据结构之间的转换
　　(1)Map 转为数组,前面已经提过，Map 转为数组最方便的方法，就是使用扩展运算符
　　　　const myMap = new Map().set(true,7).set({foo:3},['abc']);
　　　　[...myMap]
　　(2) 数组转为Map 将数组传入Map 构造函数，就可以转为Map.
　　　　new Map([[true,7],[{foo:3},['abc']]])
　　(3) Map 转为对象，如果所有Map 的键都是字符串，它可以转为对象。
　　　　function strMapToObj(strMap){
　　　　　　let obj = Object.create(null);
　　　　　　for (let [k,v] of strMap) {
　　　　　　　　obj[k] = v;
　　　　　　}
　　　　　　return obj;
　　　　}
　　　　const myMap = new Map().set('yes',true).set('no',false);
　　　　strMapToObj(myMap)
　　(4) 对象转为 Map
　　　　function objToStrMap(obj) {
　　　　　　let strMap = new Map();
　　　　　　for (let k of Object.keys(obj)) {
　　　　　　　　strMap.set(k,obj[k]);
　　　　　　}
　　　　　　return strMap;
　　　　}
　　　　objToStrMap({yes:true,no:false})
　　(5)Map 转为JSON
　　　　一种情况是,Map 的键名都是字符串，这时可以选着转为对象JSON
　　　　function strMapToJson(strMap) {
　　　　　　return JSON.stringify(strMapToObj(strMap));
　　　　}
　　　　let myMap = new Map().set('yes',true).set('no',false);
　　　　strMapToJson(myMap)
　　　　另一种情况是Map的键名有非字符串，这时可以选择转换为数组JSON
　　　　function mapToArrayJson(map){
　　　　　　return JSON.stringify([...map]);
　　　　}
　　　　let myMap = new Map().set(true,7).set({foo:3},['abc']);
　　　　mapToArrayJson(myMap)
　　(6)JSON 转为Map
　　　　正常情况下所有键名都是字符串。
　　　　function jsonToStrMap(jsonString) {
　　　　　　return ObjToStrMap(JSON.parse(jsonStr))
　　　　}
　　　　jsonToStrMap('{"yes":true,"no":false}')

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：五个典型的JavaScript面试题

下一篇：前端学数据结构之字典和散列表

相关文章

IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设

网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源

网站联盟： 联盟新闻 联盟介绍 联盟点评 网赚技巧

行业资讯： 搜索引擎 网络游戏 电子商务 广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护

软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识： 网络协议 网络安全 网络管理 组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条
最新资讯
热门关注
热门标签