Maps迭代

最新推荐文章于 2024-04-29 17:54:33 发布

网络点点滴

最新推荐文章于 2024-04-29 17:54:33 发布

阅读量310

点赞数 9

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_42952508/article/details/135867151

版权

JavaScript 专栏收录该内容

131 篇文章 0 订阅

订阅专栏

● 除了使用set去构建Map时，在创建Map时候我们也可以像如下这样写；

const question = new Map([
  ['question','What is the best programming language in the world?'],
  [1,'C'],
  [2,'Java'],
  [3,'Javascript'],
  ['correct',3],
  [true,'Correct🎉'],
  [false, 'Try again!'],
]);

console.log(question);

在这里插入图片描述

● 我们也可以将对象转换为地图

console.log(Object.entries(openingHours));

在这里插入图片描述

const hoursMap = new Map(Object.entries(openingHours));
console.log(hoursMap);

在这里插入图片描述

迭代

console.log(question.get('question'));
for (const [key,value] of question) {
  if(typeof key === 'number') console.log(`Answer ${key}: ${value}`);
}

在这里插入图片描述

● 我们也可以接受用户的输入

console.log(question.get('question'));
for (const [key,value] of question) {
  if(typeof key === 'number') console.log(`Answer ${key}: ${value}`);
}

const answer = Number(prompt('Your answer'));
console.log(answer);

console.log(question.get(question.get('correct') === answer));

在这里插入图片描述

● 将Map对象转换为一个包含键值对的数组。

console.log([...question]);

在这里插入图片描述

console.log([...question.keys()]);

console.log([…question.keys()]); 是将 Map 对象的键转换为一个数组并打印出来。其中 question.keys() 返回一个迭代器，包含 Map 对象中所有的键。通过使用展开运算符 […]，可以将迭代器转换成一个数组，然后使用 console.log() 打印该数组。这样就能够将 Map 对象的键以数组的形式输出到控制台。
在这里插入图片描述

console.log([...question.values()])

console.log([…question.values()]) 是将 Map 对象的值转换为一个数组并打印出来。其中 question.values() 返回一个迭代器，包含 Map 对象中所有的值。通过使用展开运算符 […]，可以将迭代器转换成一个数组，然后使用 console.log() 打印该数组。这样就能够将 Map 对象的值以数组的形式输出到控制台。
在这里插入图片描述