ES6學習教程之Map的常用方法總結，es6教程map總結

ES6學習教程之Map的常用方法總結，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', {} ]

擷取第一個key

console.log(m.keys().next().value); // key1

擷取第一個value

console.log(m.values().next().value); // {}

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的協助，如果有疑問大家可以留言交流，謝謝大家對幫客之家的支援。