このチュートリアルでは、マップの値を配列に変換する手順について説明します。
JavaScript を使用してマップ値を配列に変換/変換する方法は?
マップの値を配列に変換するには、以下のメソッドを使用します。
- Array.from() メソッド
- スプレッド演算子
方法 1: Array.from() メソッドを使用してマップ値を配列に変換する
マップの値を配列に変換するには、「 map.values() ” を使用したメソッド 配列.from() ' 方法。 map.values() メソッドはマップの値を取得するために使用され、Array.from() メソッドはこれらの値を配列に変換します。
構文
マップ値を配列に変換するには、次の構文に従います。
配列 . から ( 地図。 値 ( ) )
例
Map() コンストラクターを使用して新しいマップ オブジェクトを作成します。
だった 地図 = 新着 地図 ( ) ;
「 設定（） ' 方法：
地図。 設定 ( '1' 、 '名前' ) ;地図。 設定 ( '2' 、 '年' ) ;
地図。 設定 ( '3' 、 'Eメール' ) ;
地図。 設定 ( '4' 、 'コンタクト＃' ) ;
「に電話する」 値() 」のメソッド 配列.from() ” マップ値を取得して配列に変換し、変数に格納するメソッド “ マップ値 」：
だった マップ値 = 配列 . から ( 地図。 値 ( ) ) ;
最後に、コンソールの配列にマップ値を出力します。
コンソール。 ログ ( マップ値 ) ;出力は、マップの値が配列に正常に変換されたことを示しています。
方法 2: Spread Operator を使用してマップ値を配列に変換する
マップの値を配列に変換する別の方法は、「 スプレッドオペレーター ' とともに ' map.values() ' 方法。 map.values() メソッドは最初にマップの値を取得し、スプレッド演算子はすべてのマップ値を配列にコピーします。
構文
スプレッド演算子を使用してマップ値を配列に変換するには、以下に示す構文を使用します。
例
「に電話する」 map.values() ” を使用したメソッド スプレッドオペレーター 」は、マップの値を配列に変換します。
出力
ボーナスヒント
キーまたはすべてのマップ エントリを配列に変換する場合は、以下のセクションに従ってください。
Array.from() メソッドを使用して Map のキーを配列に変換する
マップのキーとマップのすべてのエントリ (キーと値のペア) を配列に変換するには、「 map.Keys() 」メソッドと「 map.entries() ” を使用したメソッド 配列.from() ' 方法。 map.Keys() メソッドはマップのキーを取得し、map.entries() メソッドはキーと値のペアでマップのエントリを取得するために使用されます。
例
マップ キーを変換するには、「 map.Keys() 」のメソッド 配列.from() ' 方法：
すべてのマップ エントリを配列に変換するには、map.entries() メソッドを Array.from() メソッドの引数として呼び出します。
定数 エントリ = 配列 . から ( 地図。 エントリ ( ) ) ;出力は、マップのキーとエントリが配列に正常に変換されたことを示しています。
Spread Operator メソッドを使用してマップ キーを配列に変換する
「 スプレッドオペレーター 」。
例
「に電話する」 map.Keys() 」 メソッドをスプレッド演算子で実行し、結果の配列を変数 mapKeys に格納します。
「を使用して配列内のマップエントリを変換する場合 map.entries() 」スプレッド演算子を使用したメソッド：
定数 マップエントリ = [ ... 地図 . エントリ ( ) ] ;出力
マップ値を配列に変換するために必要なすべての情報をまとめ、JavaScript を使用してキーとエントリを配列にマップします。
結論
マップ値を配列に変換するには、「 map.values() ” を使用したメソッド 配列.from() 」メソッドまたは「 スプレッドオペレーター 」。 map.values() メソッドはマップの値を取得するために使用され、Array.from() メソッドはこれらの値を配列に変換し、スプレッド オペレーターはすべてのマップ値を配列にコピーします。このチュートリアルでは、マップの値を配列に変換する手順について説明します。