如何在JavaScript中将Map的键转换为数组？

在 JavaScript 中将映射键转换为数组有不同的方法。您可以使用映射keys()方法来访问映射中的键，然后应用Arrayform()方法来创建所访问的键的数组。您还可以应用扩展运算符而不是 Array form() 方法来创建键数组。

给你一个 javascript Map，任务是将 Map 的键转换为数组。这是下面给出的示例

给定地图-

{ 1: "India", 2: "Russia", 3: "USA", 4: "Japan", 5: "UK" };

结果数组-

[1, 2, 3, 4, 5]

有多种方法可以实现这一目标。其中一些是 -

• 使用 Array.form 和 Map.keys() 方法

• 使用 Spread 运算符和 Map.keys() 方法

• 使用 for..of 循环

使用Array.form()和Map.keys()方法

Array.from() 方法从任何可迭代对象返回一个数组。 Map.keys方法用于以可迭代的形式返回Map的所有键。要将映射键转换为数组，我们遵循以下步骤。

• 使用Map.keys()方法获取所有Map键。它返回一个包含 Map 键的 MapIterator 对象

• 使用 Array.from() 从 MapIterator 中提取 Map 键。它返回一个包含所有 Map 键的数组。

示例

在此示例中，我们有一个 Map，其键是数字，值是国家/地区名称。我们使用 Array.from 方法从 Map 中提取所有键（数字）。

   
  
Convert Map keys to an array using Array.from method
 
Click the following button to get the Keys from the map
  Click Here  
 
 
   

使用 Spread 运算符和 Map.keys() 方法

JavaScript 扩展运算符允许我们将数组扩展为单独的数组元素。 Map.keys方法用于以可迭代的形式返回Map的所有键。要将映射键转换为数组，我们遵循以下步骤。

• 使用Map.keys()方法获取所有Map键。它返回一个包含 Map 键的 MapIterator 对象

• 使用 Spread 运算符从 MapIterator 中提取 Map 键。它返回一个包含所有 Map 键的数组。

示例

在此示例中，我们有一个 Map，其键是数字，值是国家/地区名称。我们使用 Spread Operator 从 Map 中提取所有键（数字）。

   
  
Convert Map keys to an array using Spread Operator
 
Click the following button to get the Keys from the map
  Click Here 
 
 
   

使用 for...of 循环

for…of语句循环遍历可迭代对象的值。 Map.keys 方法用于以可迭代的形式返回 Map 的所有键。要将映射键转换为数组，我们按照以下步骤操作

• 创建一个空数组来存储密钥。

• 使用 for..of 循环迭代从 Map.keys() 方法获得的所有 Map 键。

• 在每次迭代时将该键推入空数组。

示例

   
  
Convert Map keys to an array using for...of loop
 
Click the following button to get the Keys from the map
  Click Here  
 
 
   

Atas ialah kandungan terperinci 如何在JavaScript中将Map的键转换为数组？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!