【JavaScript】オブジェクトのプロパティをfor…in文を使って読み取る

for…in文とは？

for…in文は、オブジェクトのプロパティを読み取るだけに存在する繰り返し文です。

for(let 変数名 in オブジェクト名){
  繰り返し処理内容
}

for…in文を使ってみよう

あるオブジェクトのプロパティとデータをconsole.log()で出力してみましょう。実際に出力するとプロパティの順番はバラバラに出てくることもあります。

const animals = {name:"イヌ", price: 1000, color: "red"};

for(let p in animals){
  console.log(p + "=" + animals[p]);
}

"name=イヌ"
"price=1000"
"color=red"

プロパティからデータを読み取りたい時は次のように書きます。変数は’ ‘で囲む必要はありません。

//オブジェクト名[forで指定した変数名]
animals[p]

なお、次のような書き方はできません。

animals.p

これはanimalオブジェクトのpプロパティという意味になってしまい、全く内容が異なってしまうためです。