手册

目录

Map

收藏172

阅读599

更新时间2025-08-07

如何创建 Map

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

  1. 将数组传递给 new Map()
  2. 创建一个 Map 并使用 Map.set()

new Map() 方法

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

实例

// 创建一个 Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);
运行实例 »

点击 "运行实例" 按钮查看在线实例

set() 方法

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

实例

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

// 设置 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:

实例

// 返回 object:
typeof fruits;
运行实例 »

点击 "运行实例" 按钮查看在线实例

instanceof Map 返回 true:

实例

// 返回 true:
fruits instanceof Map;
运行实例 »

点击 "运行实例" 按钮查看在线实例

JavaScript 对象与 Map 的区别

以下是 JavaScript 对象与 Map 的区别:

对象 Map
不可直接迭代 可直接迭代
没有 size 属性 有 size 属性
键必须是字符串或 Symbol 键可以是任何数据类型
键的顺序不明确 键按插入顺序排序
有默认键 没有默认键

完整的 Map 参考手册

如需完整参考,请访问我们的:JavaScript Map 参考手册。

该手册包含所有 Map 属性和方法的描述和实例。

浏览器支持

Map 是 ES6 的特性(JavaScript 2015)。

自 2017 年 6 月起,所有现代浏览器均支持 ES6:

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

Internet Explorer 不支持 Map。

相关

视频

RELATED VIDEOS

更多

免费

Web前端开发极速入门
初级 Web前端开发极速入门

219920次学习

收藏

免费

前端入门_HTML5
初级 前端入门_HTML5

616946次学习

收藏

免费

30分钟学会网站布局
初级 30分钟学会网站布局

238440次学习

收藏

免费

CSS视频教程-玉女心经版
初级 CSS视频教程-玉女心经版

393054次学习

收藏

免费

独孤九贱(1)_HTML5视频教程

免费

独孤九贱(6)_jQuery视频教程

免费

独孤九贱(7)_Bootstrap视频教程

免费

独孤九贱(2)_CSS视频教程
初级 独孤九贱(2)_CSS视频教程

229605次学习

收藏

科技资讯

更多

精选课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

61.7万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

70.9万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

61.6万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

33.9万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

125万人学习

关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号