どうも、ちょげ(@chogetarou)です。
連想配列の値(value)をループする方法を紹介します。
Object(オブジェクト)の場合

オブジェクト(Object)の値(value)をループする方法は、2つあります。
for…of文
ひとつは、for…of文を使う方法です。
まず、for…of文を記述します。
for…of文のループ対象(ofの右辺)に、対象のオブジェクトを引数に指定したObject.values()を指定します。
そして、for…of文のループ処理を記述します。
ループ処理では、ループ変数でオブジェクトの値を取得できます。
//obj=対象のオブジェクト
for (let value of Object.values(obj)) {
//ループ処理
//変数「value」で値を取得
}
上記のfor…of文は、対象のObjectの値(value)をループします。
使用例
const nums = {
"one": 1,
"two": 2,
"three": 3,
"four": 4,
"five": 5,
}
for (let value of Object.values(nums)) {
console.log(value);
}
出力:
1
2
3
4
5
forEach()
もうひとつは、forEach()を使う方法です。
まず、Object.values()を呼び出します。
Object.values()の引数に対象のオブジェクトを指定します。
次に、Object.values()からforEach()を呼び出します。
forEach()の引数に、1つの引数を持つ関数を指定します。
関数の処理に、ループ処理を記述します。
(関数内では、引数でオブジェクトの値を取得)
//obj=対象のオブジェクト
Object.values(obj).forEach(function (value) {
//ループ処理
//変数「value」で値を取得
})
上記のforEach()は、対象のObjectの値(value)をループします。
使用例
const nums = {
"one": 1,
"two": 2,
"three": 3,
"four": 4,
"five": 5,
}
Object.values(nums).forEach(function (value) {
console.log(value);
})
出力:
1
2
3
4
5
Map(マップの場合)

Map(マップ)の値(value)をループする方法は、2つあります。
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()の引数に、1つの引数を持つ関数を指定します。
関数の処理に、ループ処理を記述します。
(関数の引数で、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);
});
出力:
1
2
3
4
5
まとめ
連想配列の値(value)をループするには、Object(オブジェクト)とMap(マップ)の両方でfor…of文もしくはforEach()を使います。
- Object(オブジェクト)の場合
- for…of文を使う方法
for (let value of Object.values(obj)) { /*ループ処理*/ }
- forEach()を使う方法
Object.values(obj).forEach(function (value) { /*ループ処理*/ })
- for…of文を使う方法
- Map(マップ)の場合
- for…of文を使う方法
for (const value of map.values()) { /*ループ処理*/ }
- forEach()を使う方法
[...map.values()].forEach(function (value) {/*ループ処理*/ })
- for…of文を使う方法
コメント