[JavaScript]オブジェクト(Object)の値(value)をループするには?

JavaScript

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

オブジェクト(Object)の値(value)をループする方法を紹介します。

スポンサーリンク

方法

オブジェクト(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
スポンサーリンク

まとめ

オブジェクト(Object)の値(value)をループする方法は、次の2つです。

  • for…of文を使う方法
    for (let value of Object.values(obj)) { /*ループ処理*/ }
  • forEach()を使う方法
    Object.values(obj).forEach(function (value) { /*ループ処理*/ })

コメント

タイトルとURLをコピーしました