JavaScript Map()用法及代码示例

Map()构造函数 用于创建MapJavaScript 中的对象。映射是一种将元素存储为键值对的数据结构。

用法:

new Map()
new Map(iterable)

参数：

iterable:一个可迭代的用于迭代元素的对象，存储为键值对。

返回值：Map构造函数初始化后返回一个新的 Map 对象。

示例 1：

Javascript


// map1 contains 
// 1 => 10
// 2 => 20
// 3 => 30
// 4 => 40
let map1 = new Map([
    [1, 10], [2, 20],
    [3, 30], [4, 40]
]);
console.log("Map1: ");
console.log(map1);

输出：

Map1: 
Map(4) { 1 => 10, 2 => 20, 3 => 30, 4 => 40 }

示例 2：

Javascript


// map2 contains 
// firstname => Ram
// lastname => Prasad
// website => geeksforgeeks 
let map2 = new Map([
    ["firstname", "Ram"],
    ["lastname", "Prasad"],
    ["website", "geeksforgeeks"]
]);
console.log("Map2: ");
console.log(map2);

输出：

Map2:
Map(3) {
 'firstname' => 'Ram',
 'lastname' => 'Prasad',
 'website' => 'geeksforgeeks'
}

示例 3：

Javascript


// Map contains nested array
let map3 = new Map([
    ["whole numbers", [1, 2, 3, 4]],
    ["Decimal numbers", [1.1, 1.2, 1.3, 1.4]],
    ["negative numbers", [-1, -2, -3, -4]]
]);
console.log("Map3: ");
console.log(map3);

输出：

Map3:
Map(3) {
 'whole numbers' => [ 1, 2, 3, 4],
 'Decimal numbers' => [ 1.1, 1.2, 1.3, 1.4],
 'negative numbers' => [ -1, -2, -3, -4]
}

支持的浏览器：

Chrome 38 及以上版本
边 12 及以上
火狐浏览器 13 及以上版本
Internet Explorer 11 及更高版本
Opera 25 及以上
Safari 8 及以上版本

我们有 Javascript Map 方法的完整列表，要检查这些方法，请阅读这篇 JavaScript MapComplete 参考文章。

相关用法

注：本文由纯净天空筛选整理自abhinavjain194大神的英文原创作品 JavaScript Map() Constructor。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。