技術ブログ

プログラミング、IT関連の記事中心

JavaScriptのMapオブジェクトをループで処理する方法

目次

JavaScriptのMapオブジェクトをループで処理する方法

JavaScriptのMapはキーと値のペアを保持するためのコレクションです。
この記事では、Mapオブジェクトをループして全件を処理するいくつかの方法を紹介します。

forEach()を使用する

MapforEach()メソッドは、Map内の各要素に対して関数を実行します。

map.forEach((value, key) => {
    console.log(key, value);
});

for...ofを使い、entries()を使用する

entries()メソッドは、Map内の各要素のキーと値のペアを返します。

for (let [key, value] of map.entries()) {
    console.log(key, value);
}

for...ofを使い、keys()を使用する

keys()メソッドは、Map内のすべてのキーを返します。

for (let key of map.keys()) {
    console.log(key, map.get(key));
}

for...ofを使い、values()を使用する

values()メソッドは、Map内のすべての値を返します。

for (let value of map.values()) {
    console.log(value);
}

Object Destructuringを使用する

for...ofループは、デフォルトでMapのentries()メソッドの出力を返します。
そのため、オブジェクトの分割代入を使用してキーと値を取得することができます。

for (let [key, value] of map) {
    console.log(key, value);
}

まとめ

これらの方法を選択する際には、使用ケースに合わせて最も適した方法を使用してください。