どうも、ちょげ(@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"
コメント