码迷,mamicode.com
首页 > 其他好文 > 详细

ES6新属性(追加)

时间:2017-03-04 14:15:42      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:运算符   构造函数   val   实例   cti   存在   console   键值   转换   

话不多说,直接进正题

一、Map

Map也是ES6新增的一种数据类型,它的本质和对象一样都是键值对的集合。
与对象不同的是,它的键值可以是各种数据类型
首先我们创建一个Map数据
//用var创建一样
let map1 = new Map();

我们通过Object实例化两个对象

var obj1 = new Object();
var obj2 = new Object();

我们使用set方法对Map进行添加值

map1.set(obj1,"对象键值1");
map1.set(obj2,"对象键值2");
console.log(map1);

还可以用get方法进行取值

console.log(map1.get(obj1));
console.log(map1.get(obj2));

has方法判断是否存在

console.log(map1.has(obj2));

delete方法删除数据

map1.delete(obj2);
console.log(map1.has(obj2));

size属性可返回其大小,类似数组的length属性

console.log(map1.size)

clear方法清空数据

map1.clear();
console.log(map1.size);
数组作为构造函数参数
let arrMap = new Map([[‘name‘,‘lemon‘],[‘age‘,‘18‘]]);
console.log(arrMap);
forEach遍历Map
arrMap.forEach(function(val,key){
    console.log(key+":"+val);
});
转换成数组    扩展运算符

let arr = [...arrMap];
console.log(arr);

for  of 循环

for(let i of arrMap){
  console.log(i);
}
键迭代器
let keys = arrMap.keys();
console.log(keys);
for(var i = 0 ; i < arrMap.size; i++){
    console.log(keys.next().value);
}
值迭代器
let vals = arrMap.values();
console.log(vals);

数字类型的键值

let map = new Map([[1,"zhangsan"],[2,"lisi"]]);
map.forEach(function(val,key){
    console.log(key+":"+val);
});

 

 
 

ES6新属性(追加)

标签:运算符   构造函数   val   实例   cti   存在   console   键值   转换   

原文地址:http://www.cnblogs.com/ningmeng666/p/6501066.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!