如何将Map键转换为数组：一种更简洁的方法

将 Map 键转换为数组：一个更简洁的方法

问题

你有一个 Map，你想得到一个包含它的键的数组。你可能正在使用一个又长又丑陋的 for 循环来实现它：

let myMap = new Map().set('a', 1).set('b', 2);
let keys = [];
for (let key of myMap)
  keys.push(key);
console.log(keys); // ['a', 'b']

解决方案

幸运的是，有更简洁的方法来完成这项任务。展开运算符（...） 和 Array.from() 方法都可以轻松地将 Map 键转换为数组。

展开运算符（...）

展开运算符（...）可以将可迭代对象（如数组和 Map）转换为一个展开的参数列表。它可以这样用于 Map：

let keys = [...myMap.keys()];
console.log(keys); // ['a', 'b']

Array.from()

Array.from() 方法可以创建一个新的数组，其中包含来自可迭代对象（如 Map）的元素。它可以这样用于 Map：

let keys = Array.from(myMap.keys());
console.log(keys); // ['a', 'b']

选择正确的方法

展开运算符 和 Array.from() 方法在不同的情况下都有其优点：

• 展开运算符 更加简洁高效，只需一行代码即可完成任务。
• Array.from()` 方法提供了更多的灵活性，它允许你指定一个映射函数来转换 Map 键。

根据你的具体需求选择最适合你的方法。

结论

使用展开运算符（...）或 Array.from() 方法，你可以轻松地将 Map 键转换为数组。这比使用 for 循环更简洁、更有效率。

常见问题解答

1. 为什么展开运算符（...）比 for 循环更好？

   • 展开运算符（...）只需要一行代码，比使用 for 循环更简洁、更高效。

2. 什么时候使用 Array.from() 而不是展开运算符（...）？

   • 如果你需要指定一个映射函数来转换 Map 键时，可以使用 Array.from()。

3. 展开运算符（...）还可以用于其他什么地方？

   • 展开运算符（...）可以用于扩展数组、对象和函数参数。

4. Array.from() 还可以用于其他什么地方？

   • Array.from() 可以用于创建新的数组，这些数组包含来自可迭代对象的元素，例如字符串、类数组对象和 Set。

5. 除了 Map 之外，展开运算符（...）和 Array.from() 还可以用于哪些其他数据结构？

   • 展开运算符（...）和 Array.from() 可以用于各种数据结构，包括 Set、数组和对象。