[JavaScript]スプレッド構文でMap(マップ)の連想配列のキーを配列として取得する(associative array get all keys as array using spread operator)には？

どうも、ちょげ(@chogetarou)です。

スプレッド構文を使ってMapの連想配列の全てのキー(key)を配列として取得する方法を紹介します。

方法

スプレッド構文を使ってMapの連想配列の全てのキー(key)を配列として取得するには、keys()を使います。

まず、[]を記述します。

そして、[…map.keys()]のように、[]内で連想配列から呼び出したkeys()の戻り値を展開します。

const keys = [...map.keys()];

上記の[]は、keys()を呼び出したMapの連想配列のキーの配列を生成します。

const numbers = new Map([[ "one", 1], ["two", 2], ["three", 3], ["four", 4], ["five", 5 ]]);

const keys = [...numbers.keys()];

console.log(keys);

出力：
[ 'one', 'two', 'three', 'four', 'five' ]