職案人

求職・歴史・仏教などについて掲載するつもりだが、自分の思いつきが多いブログだよ。適当に付き合って下さい。

JS--for...in文

2024年01月07日 | JavaScript
for...in文


【開発環境】
OS:Win11(64ビット)
VSCode1.72.2、
クロム

【for...in文の基本書式】
for...in 文ではオブジェクトに含まれるプロパティ名を順に取得ことができます。

・書式
for (変数名 in オブジェクト){
実行する文1;
実行する文2;
...
}

サンプル文
//オブジェクトリテラル
const fruit = {orange:170, apple:90, lemon:110};//プロパティ名→ orange, apple, lemon

for (let i in fruit){
console.log("fruit." + i + ' = ' + fruit[i]);
}
console.log('end');
//プロパティ名は文字列の値として変数に格納されます。そのため、プロパティ名を使ってプロパティの値を参照する場合は、 オブジェクト名.プロパティ名 の形式ではなく オブジェクト名[プロパティ名] の形式を使用する必要があります

実行結果
fruit.orange = 170
fruit.apple = 90
fruit.lemon = 110
end

【for...in文を配列に対して使用する】
for...in文はオブジェクトのひとつである配列に対しても使用することができます。配列の場合はプロパティ名ではなくインデックスを順に取得します

サンプル
const fruit = ['orange', 'apple', 'lemon'];

for (let i in fruit){
console.log("fruit." + i + ' = ' + fruit[i]);
}

console.log('end');
実行結果
fruit.0 = orange
fruit.1 = apple
fruit.2 = lemon
end

コメント    この記事についてブログを書く
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする
« JS---do...while文 | トップ | JS--break文の使い方 »
最新の画像もっと見る

コメントを投稿

JavaScript」カテゴリの最新記事