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

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

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

方法

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

まず、Object.entries()を呼び出します。

Object.entries()の引数に対象のオブジェクトを指定します。

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

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

関数の処理に、ループ処理を記述します。
（関数内では、引数の左側でキー、右側で値を取得）

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

上記のforEach()は、対象のObjectのキー(key)と値(value)を一緒にループします。

使用例

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

Object.entries(nums).forEach(function ([key, value]) {
    console.log(key + ":" + value);
})

出力：
one:1
two:2
three:3
four:4
five:5

[JavaScript]配列(array)の空文字を削除するには？

配列(array)の空文字を削除する方法を紹介します。

www.choge-blog.com

2022.12.22

[JavaScript]文字列(string)の特定の文字を削除するには？

文字列(string)の特定の文字を削除する方法を紹介します。

www.choge-blog.com

2022.12.21

[JavaScript]配列(array)のundefinedを削除するには？

配列(array)のundefinedを削除する方法を紹介します。

www.choge-blog.com

2022.12.21