ES6 學習筆記之 map 的多種遍歷方法
- 2020 年 1 月 5 日
- 筆記
Map 是 ES6 中新增的一種數據結構,與 Set 一起添加,其實功能都差不多。我就只列舉了 Map 的遍歷方式,一通百通,其自身內部帶有的的方法看書中介紹即可,並不複雜,比起 C++ 的 STL 好理解多了。
var map = new Map([ ['age', 19], ['height', 180] ]); for (let key of map.keys()) { console.log(key); } for (let value of map.values()) { console.log(value); } for (let item of map.entries()) { console.log(`${ item[0] }: ${ item[1] }`); } for (let [key, value] of map.entries()) { console.log(`${ key }: ${ value }`); } for (let [key, value] of map) { console.log(`${ key }: ${ value }`); } map.forEach((key, value, map) => { console.log(`${ key }: ${ value }`); }); // forEach 綁定 this var reporter = { report(key, value) { console.log(`${ key }: ${ value } by reporter object.`); } } map.forEach(function (key, value) { // 使用箭頭函數會導致這個 this 是 undefined this.report(key, value); }, reporter)