ES6学习笔记六(新增数据结构)

1、Set 数据结构

/** Set 对象允许你存储任何类型的值，且存储的值是唯一的，* 存储的值可以是原始类型或者是引用类型。*/// 创建一个空的 Set 实例(可以传参，定义set的长度)
var  set  =  new Set() // Set(0) {}
// 添加数据
set.add('ES6') // Set(1) {"ES6"}
// 还可以链式添加数据
set.add('Javascript').add('7') // Set(3) {"ES6", "Javascript", "7"}
// 接受一个可遍历的对象，作为默认值，大部分情况是数组
var  set  =  new Set([1, 2, 3])
console.log(set) // Set(3) {1, 2, 3}

2、Map数据结构

/** Map 数据结构用于存储复杂的数据类型。Map 保存的是键值对，* 并且能够记住键的插入顺序，而且任何值都可以作为 Map 的键来使用，包括对象类型。*/// 创建一个空的 Map 对象(可以传参，定义set的长度)
var  map1  =  new Map()
map1.set('a', 1);
map1.set('b', 2);
map1.set('c', 3);
console.log(map1) // Map(3) {"a" => 1, "b" => 2, "c" => 3}// map也可以进行链式调用
var  map2  =  new Map()
map2.set('a', 1).set('b', 2).set('c', 3)
console.log(map2) // Map(3) {"a" => 1, "b" => 2, "c" => 3}// 接收一个二维数组，二维数组中包含两个值，key和value
var  map3  =  new Map([["x", 10], ["y", 20], ["z", 30]]);
console.log(map3) // Map(3) {"x" => 10, "y" => 20, "z" => 30}
console.log(map1.get('a')) // 1
console.log(map3.get('z')) // 30

3、Set、Map 和 Array、Object相互转化

//Set 转 Array
let  set  =  new Set([1, 2, 3, 4]);
let  a  = [...set]// [1,2,3,4]
Array.from(set) //[1,2,3,4]//Array转Map
let arr=[['name','xiaoming'],[{name:'xiaoming'},['JavaScript','Java']]]
let map  =  new Map(arr);console.log(map)//效果图见图一//Map 转 Array
const  map  =  new Map()
map.set('name', 'xiaoming')
map.set({name: 'xiaoming'}, ['JavaScript', 'Java']);
console.log([...map])//效果图见图二// Object 转 Map
function  objToMap(obj){let  map  =  new Map();for (let [key, value] of  Object.entries(obj)){map.set(key, value);}return  map;
}
objToMap({name:'xiaoming', age: 7})//效果图见图三/* Map 转 Object* Map 的键都是字符串，它可以转为对象，* 如果键是一个对象，在转为对象时会被进行 toString 操作。*/
function  mapToObj(map){const  obj  = {}for (let [key, value] of  map){obj[key] =  value;}return  obj;
}const  map1  =  new Map()map1.set('name', 'xiaoming')map1.set('age', 7);console.log(mapToObj(map1))//效果图见图四const  map2  =  new Map()map2.set('name', 'xiaoming')map2.set({name: 'xiaoming'}, ['JavaScript', 'Java']);console.log(mapToObj(map2))//效果图见图五

效果图：

图一：

图二：

图三：

图四：

图五：

欢迎访问我的个人博客

ES6学习笔记六(新增数据结构)相关推荐

ES6学习笔记六（Iterator和for..of）
{let arr=['hello','world'];let map=arr[Symbol.iterator](); //返回false时继续执行,true停止执行! console.log(map. ...
ES6学习笔记（五）：轻松了解ES6的内置扩展对象
前面分享了四篇有关ES6相关的技术,如想了解更多,可以查看以下连接 <ES6学习笔记(一):轻松搞懂面向对象编程.类和对象> <ES6学习笔记(二):教你玩转类的继承和类的对象> ...
ES6学习笔记04：Set与Map
ES6学习笔记04:Set与Map JS原有两种数据结构:Array与Object,ES6新增两种数据结构:Set与Map 一.Set数据结构 Set类似于数组,但是成员值不允许重复,因此主要用于数据 ...
ES6学习笔记03：变量的解构赋值
ES6学习笔记03:变量的解构赋值如果想从复杂数据结构(数组.对象)中获取某一个数据,可能需要大量的遍历操作才能完成.通过解构赋值,这一过程可以得到简化. 1.字符串的解构赋值其实,Python也 ...
opencv 手选roi区域_【opencv学习笔记六】图像的ROI区域选择与复制
图像的数据量还是比较大的,对整张图片进行处理会影响我们的处理效率,因此常常只对图像中我们需要的部分进行处理,也就是感兴趣区域ROI.今天我们来看一下如何设置图像的感兴趣区域ROI.以及对ROI区域图像 ...
# es6 学习笔记
es6 学习笔记 let变量 let和var用法级别一样 let不能重复声明,但是var可以 var varIns = "A"; var varIns = "B" ...
Ethernet/IP 学习笔记六
Ethernet/IP 学习笔记六 EtherNet/IP defines two primary types of communications: explicit and implicit (Ta ...
es6学习笔记-字符串的扩展_v1.0_byKL
es6学习笔记-字符串的扩展_v1.0 字符的Unicode表示法 JavaScript 允许使用uxxxx的形式表示一个字符,但在 ES6 之前,单个码点仅支持u0000到uFFFF,超出该范围的必 ...
吴恩达《机器学习》学习笔记六——过拟合与正则化
吴恩达<机器学习>学习笔记六--过拟合与正则化一. 过拟合问题 1.线性回归过拟合问题 2.逻辑回归过拟合问题 3.过拟合的解决二. 正则化后的代价函数 1.正则化思想 2.实际使用的 ...
ES6学习笔记（三）：教你用js面向对象思维来实现 tab栏增删改查功能
前两篇文章主要介绍了类和对象.类的继承,如果想了解更多理论请查阅<ES6学习笔记(一):轻松搞懂面向对象编程.类和对象>.<ES6学习笔记(二):教你玩转类的继承和类的对象>, ...

ES6学习笔记六(新增数据结构)

ES6学习笔记六(新增数据结构)相关推荐

最新文章

热门文章