ES6中Map的用法介绍（代码示例）

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

本篇文章给大家带来的内容是关于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中文网其它相关文章！				
				
					微信
					分享
				

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。



  关键词：ES6中Map的用法介绍（代码示例）