ES6 学习笔记之 map 的多种遍历方法

我与梦想有个约会

发布于 2020-01-05 15:03:13

1.5K0

发布于 2020-01-05 15:03:13

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)

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2017年2月24日，如有侵权请联系 cloudcommunity@tencent.com 删除

c++