javascript mapのkeyから配列を作成する

javascript mapのkeyから配列を作成する

javascriptで、mapのkeyから配列を作成するサンプルコードを記述してます。「keys」でmapからキーのみを取得して配列化することで可能です。複数のmapから配列を作成することもできます。

環境

  • OS windows11 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 108.0.5359.125

mapのkeyから配列を作成

mapのkeyから配列を作成するには、「keys」でキーのみを取得してスプレッド構文で配列に変更します。

const map = new Map();

map.set('aaa', 111);
map.set('bbb', 222);
map.set('ccc', 333);

console.log(toString.call( map.keys())); // [object Map Iterator]

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

console.log(keys); //  ['aaa', 'bbb', 'ccc']

「Array.from」を使用して配列にすることもできます。

const map = new Map();

map.set('aaa', 111);
map.set('bbb', 222);
map.set('ccc', 333);

const keys = Array.from(map.keys());

console.log(keys); //  ['aaa', 'bbb', 'ccc']

パフォーマンスは、スプレッド構文の方が良さそうです。

複数のmapを配列化

複数のmapを結合して配列化することも可能です。

const map = new Map();

map.set('aaa', 111).set('bbb', 222).set('ccc', 333);

const map2 = new Map();

map2.set('aaa', 111).set('bbb', 222).set('ccc', 333);

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

console.log(keys); // ['aaa', 'bbb', 'ccc', 'aaa', 'bbb', 'ccc']