菜单

ES6读书课程之Map的常用方法总括_javascript本领_脚本之家澳门太阳娱乐手机登录

2020年3月22日 - 澳门太阳娱乐手机登录

前言

ES6包含了许多新的语言特性,这会让JS变的更加强大且富有表现力。本文将给大家详细介绍关于ES6中Map的常用方法,话不多说,来一起看看详细的介绍:

1.Map 结构转为数组结构

比较快速的方法是结合使用扩展运算符

let map = new Map([ [1, 'one'], [2, 'two'], [3, 'three'],]);[...map.keys()]// [1, 2, 3][...map.values()]// ['one', 'two', 'three'][...map.entries()]// [[1,'one'], [2, 'two'], [3, 'three']][...map]// [[1,'one'], [2, 'two'], [3, 'three']]

2.Map 循环遍历

Map 原生提供三个遍历器:

keys:返回键值的遍历器。 entries():返回所有成员的遍历器。

let map = new Map([ ['F', 'no'], ['T', 'yes'],]);for ) { console.log;}// "F"// "T"for (let value of map.values { console.log;}// "no"// "yes"for (let item of map.entries { console.log;}// "F" "no"// "T" "yes"// 或者for (let [key, value] of map.entries { console.log;}// 等同于使用map.entries()for (let [key, value] of map) { console.log;}

上面代码最后的那个例子,表示 Map 结构的默认遍历器接口,就是 entries
方法。

map[Symbol.iterator] === map.entries // true

3.Map 获取长度

map.size;

4.Map 获取第一个元素

const m = new Mapm.setconsole.log.value); // [ 'key1', {} ]

console.log.value); // key1

console.log.value); // {}

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图