[JavaScript]Map(マップ)の値(value)をループする(loop)には？

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

Map(マップ)の値(value)をループする方法を紹介します。

方法
1. for…of文
2. forEach()
まとめ

方法

Map(マップ)の値(value)をループする方法は、２つあります。

for…of文

ひとつは、for…of文を使う方法です。

まず、for…of文を記述します。

for…of文のループ対象（ofの右辺）に、対象のMapから呼び出したvalues()の結果を指定します。

そして、for…of文のループ処理を指定します。

ループ処理では、ループ変数で値を取得できます。

//map=対象のマップ
for (const value of map.values()) {
    //ループ処理
    //変数「value」で値を取得
}

上記のfor…of文は、対象のMap(マップ)の値(value)をループします。

使用例

const nums = new Map();
nums.set("one", 1);
nums.set("two", 2);
nums.set("three", 3);
nums.set("four", 4);
nums.set("five", 5);

for (const value of nums.values()) {
    console.log(value);
}

出力：
1
2
3
4
5

forEach()

もうひとつは、forEach()を使う方法です。

まず、Mapからvalues()を呼び出し、values()の結果を配列に変換します。

次に、変換した配列からforEach()を呼び出します。

forEach()の引数に、１つの引数を持つ関数を指定します。

関数の処理に、ループ処理を記述します。
（関数の引数で、Mapの値を取得）

//map=対象のマップ
[...map.values()].forEach(function (value) {
    //ループ処理
    //「value」で値を取得
})

上記のforEach()は、対象のMap(マップ)の値(value)をループします。

使用例

const nums = new Map();
nums.set("one", 1);
nums.set("two", 2);
nums.set("three", 3);
nums.set("four", 4);
nums.set("five", 5);

[...nums.values()].forEach(function (value) {
    console.log(value);
});