首页 > web前端 > js教程 > 正文

ES6中Map的用法介绍(代码示例)

不言
发布: 2018-11-14 16:16:59
转载
4332 人浏览过

本篇文章给大家带来的内容是关于ES6中Map的用法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

概述

Map也是一个新的数据结构,在js中其实也经常用到,比如下面的栗子,我们经常这么使用一个对象,与其说他是对象,其实他更像一个Map,但是比起真正的Map,这个还是有点弱了,

let color={
    "red":"#FF0000",
    "green":"#00FF00",
    "blue":"#0000FFF"
}
color['red']
登录后复制

初始化

new Map([iterable])
登录后复制

初始化一个Map有一个可选的参数,该参数必须是一个可迭代对象,可迭代对象包括String、Array、Array-Like obejct(Arguments、NodeList)、Typped Array、Set、Map和用户定义的可迭代对象。

数组

new Map([[1,2],[3,4]]) // Map(2) {1 => 2, 3 => 4}
登录后复制

添加

和对象作为Map相比,Map的键可以是任意值,甚至可以是NaN

var myMap = new Map();
var keyObj = {},
    keyFunc = function () {},
    keyString = "a string";
// 添加键
myMap.set(keyString, "和键'a string'关联的值");
myMap.set(keyObj, "和键keyObj关联的值");
myMap.set(keyFunc, "和键keyFunc关联的值");
登录后复制

获取Map的大小

myMap.size    // 3
登录后复制

获取

myMap.get(keyString)   // "和键'a string'关联的值"
myMap.get(keyObj)     // "和键keyObj关联的值"
myMap.get(keyFunc)      // "和键keyFunc关联的值"
登录后复制

是否包含

myMap.has(keyString)  // true
myMap.has('1')  // false
登录后复制

删除

myMap.delete(keyString)  // true
myMap.delete('')  // false
登录后复制

遍历

myMap.forEach(m=>{console.log(m)})
// 和键'a string'关联的值
//  和键keyObj关联的值
//  和键keyFunc关联的值
登录后复制

获取迭代器

let entries=myMap.entries()
entries.next().value // 和键'a string'关联的值
entries.next().value//  和键keyObj关联的值
entries.next().value//   和键keyFunc关联的值
登录后复制

获取 key 迭代器

let keys=myMap.keys()
keys.next().value //  "a string"
keys.next().value//  function () {}
keys.next().value//   {}
登录后复制

获取 value 迭代器

let values=myMap.values()
values.next().value // 和键'a string'关联的值
values.next().value//  和键keyObj关联的值
values.next().value//   和键keyFunc关联的值
登录后复制

清除

mySet.clear()
登录后复制


以上是ES6中Map的用法介绍(代码示例)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:segmentfault.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板