Map 是 ES6 中新增的一種資料結構，與 Set 一起添加，其實功能都差不多。以下這篇文章主要為大家總結介紹了關於ES6學習教程之Map的常用方法，文中透過範例程式碼介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。
前言
ES6包含了許多新的語言特性，這會讓JS變的更加強大且富有表現力。本文將給大家詳細介紹關於ES6中Map的常用方法，話不多說，來一起看看詳細的介紹：
1.Map 結構轉為陣列結構
比較快速的方法是結合使用擴充運算子（...）
let map = new Map([ [1, 'one'], [2, 'two'], [3, 'three'], ]); [...map.keys()] // [1, 2, 3] [...map.values()] // ['one', 'two', 'three'] [...map.entries()] // [[1,'one'], [2, 'two'], [3, 'three']] [...map] // [[1,'one'], [2, 'two'], [3, 'three']]
2 .Map 迴圈遍歷
Map 原生提供三個遍歷器:
keys()：傳回鍵名的遍歷器。
values()：傳回鍵值的遍歷器。
entries()：傳回所有成員的遍歷器。
下面是使用實例。
let map = new Map([
['F', 'no'],
['T', 'yes'],
]);
for (let key of map.keys()) {
console.log(key);
}
// "F"
// "T"
for (let value of map.values()) {
console.log(value);
}
// "no"
// "yes"
for (let item of map.entries()) {
console.log(item[0], item[1]);
}
// "F" "no"
// "T" "yes"
// 或者
for (let [key, value] of map.entries()) {
console.log(key, value);
}
// 等同于使用map.entries()
for (let [key, value] of map) {
console.log(key, value);
}上面程式碼最後的例子，表示 Map 結構的預設遍歷器介面（Symbol.iterator 屬性），就是 entries 方法。
map[Symbol.iterator] === map.entries // true
3.Map 取得長度
##
map.size;
4.Map 取得第一個元素
#
const m = new Map();
m.set('key1', {})
m.set('keyN', {})
console.log(m.entries().next().value); // [ 'key1', {} ]
#
console.log(m.keys().next().value); // key1
console.log(m.values().next().value); // {}以上是Map的常用方法匯總的詳細內容。更多資訊請關注PHP中文網其他相關文章！
