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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。