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

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

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

スポンサーリンク

方法

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

Object.entries()を呼び出し、Object.entries()の引数にオブジェクトを指定します。

Object.entries()からforEach()を呼び出します。

forEach()の引数に、2つの要素を持つ配列を引数に指定した関数を指定します。

関数のブロックにループ処理を指定します。
(引数の左の要素でキー、引数の右の要素で値を取得)

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

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

使用例

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

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

コメント

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