javascript mapのkeyから配列を作成する
- 作成日 2023.02.18
- javascript
- javascript
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']
-
前の記事
gmail メールをゴミ箱に移動するショートカットキー 2023.02.17
-
次の記事
Rust 指定した位置でベクタ(可変配列)を分割する 2023.02.18
コメントを書く