前言
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 原www.cppcns.com生提供三個遍歷器:
下面是使用例項。
let map = new map([
['f', 'no'],
['t', 'yes'],
]);for (let key of map.keys())
// "f"
// "t"
for (let value of map.values())
// "no"
// "yes"
for (let item of map.entries())
// "f" "no"
// "t" "yes"
// 或者
for (let [key, value] of map.entries())
// 等同於使用map.entries()
for (let [key, value] of map)
上面**最後的那個例子，表示 map 結www.cppcns.com構的預設遍歷器介面（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', {})
concfwxirdbsole.log(m.entries().next().value); // [ 'key1', {} ]
獲取第乙個key
console.log(m.keys().next().value); // key1
獲取第乙個value
console.log(m.values().next().value); // {}
總結本文標題: es6學習教程之map的常用方法總結
本文位址:
ES6系列 詳解ES6中的Map
map類似於物件，都用於儲存key value結構的資料。但是，在傳統的物件上，只能用字串或者symbol來作為鍵名。然而，map與物件最大的差別就在於它可以各種資料型別作為鍵名。map是乙個建構函式，用於例項化例項。const m newmap const o m.set o,content m....
ES6學習筆記 Set和Map
set類似於陣列，但是沒有重複的值，成員是唯一的。set例項有兩個屬性 set.prototype.constructor指向set本身，set.prototype.size返回set例項的成員總數。set例項的方法分為兩大類 操作方法 用於運算元據 和遍歷方法 用於遍歷成員 array.from方...
es6的map 方法解釋
map方法的作用不難理解，即 對映 也就是原陣列被 對映 成對應新陣列。下面這個例子是數值項求平方 var data 1,2,3,4 var arrayofsquares data.map function item alert arrayofsquares 1,4,9,16 callback需要有...