[TypeScript]for文でオブジェクトのキーと値を一緒にループするには?

TypeScript

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

for文を使ってオブジェクト(Object)のキー(key)と値(value)を一緒にループする方法を紹介します。

スポンサーリンク

方法

for文を使ってオブジェクト(Object)のキー(key)と値(value)を一緒にループするには、Object.entries()を使います。

まず、for…of文のループ対象(ofの右辺)に、引数にオブジェクトを指定したObject.entries()の結果を指定します。

また、for文のループ変数を、[]内にカンマ区切りで2つ指定します。

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

処理では、ループ変数の左側でキー、ループ変数の右側で値を取得します。

//obj=対象のオブジェクト
for (let [key, value] of Object.entries(obj)) {
    //ループ処理
    //ループ変数の「key」でキー, 「value」で値を取得
}

上記のfor文は、オブジェクト(Object)のキーと値を一緒にループします。

使用例

const nums = { 
    "one": 1, 
    "two": 2,
    "three": 3,
    "four": 4,
    "five": 5,
}

for (let [key, value] of Object.entries(nums)) {
    console.log(key + "=" + value);
}
出力:
[LOG]: "one=1" 
[LOG]: "two=2" 
[LOG]: "three=3" 
[LOG]: "four=4" 
[LOG]: "five=5" 

コメント

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