导航
×
   ❮   
HTML CSS JavaScript PHP Go ECMS

JavaScript 教程

JS 简介 JS 如何使用 JS 输出 JS 语法 JS 语句 JS 注释 JS 变量 JS 运算符 JS 条件语句 JS 循环 JS 字符串 JS 数字 JS 函数 JS 对象 JS 日期 JS 数组 JS 类型化数组 JS 集合 JS Map 映射 JS Math JS 正则表达式 JS 数据类型 JS 错误 JS 事件 JS 编程 JS 关键字参考 JS 保留关键字参考 JS 运算符参考 JS 运算符优先级 JS UTF-8 字符 JS UTF-8 符号 JS UTF-8 表情符号 JS 版本

JavaScript Map 映射


Map 对象

Map 对象存储键值对,其中键可以是任何数据类型。

Map 还会记住键的原始插入顺序。

如何创建 Map

您可以通过以下方式创建 JavaScript Map:

  • 将数组传递给 new Map()
  • 创建 Map 并使用 Map.set()

新的 Map() 方法

您可以通过将数组传递给 new Map() 构造函数来创建 Map:

示例

// 创建一个映射
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);
亲自试一试 »

set() 方法

您可以使用 set() 方法向 Map 添加元素:

示例

// 创建一个映射
const fruits = new Map();

// 设置映射值
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
亲自试一试 »

set() 方法也可用于更改现有的 Map 值:

示例

fruits.set("apples", 200);
亲自试一试 »

get() 方法

get() 方法用于获取 Map 中指定键的值:

示例

fruits.get("apples");    // 返回 500
亲自试一试 »

Map 是对象

typeof 返回对象:

示例

// 返回 object:
typeof fruits;
亲自试一试 »

instanceof Map 返回 true:

示例

// 返回 true:
fruits instanceof Map;
亲自试一试 »

JavaScript 对象与 Map

JavaScript 对象与 Map 的区别:

Object Map
不可直接迭代 可直接迭代
没有 size 属性 有 size 属性
键必须是字符串(或符号) 键可以是任何数据类型
键没有顺序 键按插入顺序排序
有默认键 没有默认键


浏览器支持

MapES6 特性

自 2017 年 6 月起,所有现代浏览器均已完全支持 ES6。

         
Chrome
51
Edge
15
Firefox
54
Safari
10
Opera
38
2016年5月 2017年4月 2017年6月 2016年9月 2016年6月

freew3c.com 中文网是独立运营的中文开发者学习平台,与 freew3c.com 无关联。提供的内容仅用于学习和测试,不保证内容的正确性。


Copyright @2020-2026 京ICP备888888号-8