es6 Map

Map数据结构

1.传统js对象的键值对只能用字符串当作键,而Map数据结构虽然也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。

即:Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应。

2.创建map结构(map是构造函数,传递参数只能是数组类型的键值形式)

	let so1 = [
        ["name", "ali"],
        ["sex", "男"]
    ]
    let maparr = new Map(so1);

3.Map结构实例的属性和操作方法。

(1)size 属性:返回 Map 结构的成员总数。

	let so1 = [
        ["name", "ali"],
        ["sex", "男"]
    ]
    let maparr = new Map(so1);
    console.log(maparr.size);//输出:2

(2)Map.prototype.set(key, value):set方法设置键名key对应的键值为value,返回整个 Map 结构。如果key已经存在值,则用新的键值更新,否则就新生成该键。

	maparr.set("age", 20);//用set给map集合添加键值
    maparr.set("address", 123);

(3)Map.prototype.get(key):get方法读取key对应的键值,如果找不到key,则返回undefined。

 	console.log(maparr.get("name"));//用get通过键获取值

(4)Map.prototype.has(key):has方法返回一个布尔值,表示某个键是否在当前 Map 对象之中。

	console.log(maparr.has("sex"));//用has检测是否存在

(5)Map.prototype.delete(key):delete方法删除某个键,返回true。如果删除失败,返回false。

	console.log(maparr.delete("address"));//用delete根据键删除值

(6)Map.prototype.clear():clear方法清除所有成员,没有返回值。

	maparr.clear();//全部清除

4.Map()结构的遍历方法

(1)Map.prototype.keys():返回键名的遍历器。

	console.log(maparr.keys());//输出:Map Iterator {  }
    for (let key of maparr.keys()){
        console.log(maparr.get(key));//输出:ali 男 20
    }

(2)Map.prototype.values():返回键值的遍历器。

	console.log(maparr.values());//输出:Map Iterator {  }
    for (let value of maparr.values()){
        console.log(value);//输出:ali 男 20
    }

(3)Map.prototype.entries():返回所有成员的遍历器。

	console.log(maparr.entries());//输出:Map Iterator {  }
    for (let item of maparr.entries()){
        console.log(item);//输出:Array [ "key", "value" ]
    }

(4)Map.prototype.forEach():遍历 Map 的所有成员。

	maparr.forEach((item) => {
        console.log(item);//输出:ali 男 20
    });

5.Map()结构的转化方法

(1)map转数组:使用…

	console.log(...maparr);

(2)map转对象

	let mapobj = {};
    for (let item of maparr){
        mapobj[item[0]] = item[1];
    }
    console.log(mapobj);
    console.log(Object.entries(mapobj));

(3)map转json:先将map转为对象再转json

	console.log(JSON.stringify(mapobj));
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值