es6 map常用方法

2021-10-03 16:15:54 字數 1643 閱讀 2011

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()

)// "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()

)for

(let [key, value] of map)

上面**最後的那個例子,表示 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)

;// {}

by王文超-逆戰班

ES6 Map集合使用

ecmascript6中的map集合 map型別是一種儲存著許多鍵值對的有序列表,其中鍵名和鍵值支援所有的資料型別 鍵名的判斷是通過呼叫 object.is 方法實現的,所以 5 和 5 被判斷為兩個型別 let map new map map.set name song document.writ...

es6 map 遍歷 筆記

let arr1 1 2,3 let arr2 arr1.map value,key,arr console.log arr1 1,2,3 console.log arr2 1,4,9 map 方法 map,對映,即原陣列對映成乙個新的陣列 map方法接受乙個新引數,這個引數就是將原陣列變成新陣列的...

ES6 Map資料型別

定義 map 物件儲存鍵值對。任何值 物件或者原始值 都可以作為乙個鍵或乙個值。語法 new map iterable 引數 iterable iterable 可以是乙個陣列或者其他 iterable 物件,其元素為鍵值對 兩個元素的陣列,例如 1,one 2,two 每個鍵值對都會新增到新的 m...