簡単にされるJavaScript:パート11

パート11については、ループについて学び続けます.パート10では、「forループ」について学びました.我々が議論する次のループは、for forループのための“for - loop”です.このループの目的は、オブジェクトのプロパティをループすることです.あなたがオブジェクトの上でRefresherを必要とするならば、パート9を見てください.次に、あなたのreplとコードに沿って開く!
forループは、オブジェクトを反復処理できます.オブジェクトはJavaScriptの最も重要な部分のうちの1つであるので、それは等しく重要に重要です.for/inループの構文の例を示します.

for(variable in object) {
  //code
}

for/in構文を書くもう一つの方法は

for (key in object) {
    //code
}

このループを設定するには、“for”キーワードと“in”キーワードが必要です.また、上記のコードに「オブジェクト」が現れるところは、ループされているオブジェクトの名前である必要があります.物事をより明確にする例を示します.

const banana = { color: "yellow",  group: "fruit", texture: "soft" }

for(const prop in banana) {
  console.log(banana[prop]);//returns all values
}   

ご覧のように、このループは、“バナナ”オブジェクト内のすべての値にアクセスし、ログを記録する能力を与えました.これはたとえ変数と呼ばれるものであっても同じ働きをしたでしょう.例えば、

const banana = { color: "yellow",  group: "fruit", texture: "soft" }

for(const anything in banana) {
  console.log(banana[anything]);//returns all values
}   

このループは、“prop”の代わりに変数“何か”と呼ばれても、まったく同じ値を返します.しかし、「prop」はおそらく他の開発者によって容易に認識されるので、より良い命名規則です.もう少し複雑な別の例です.この例はprogramiz.comからとられました.

const salaries = {
    Jack : 24000,
    Paul : 34000,
    Monica : 55000
}

// using for...in
for (let i in salaries) {

    // add a currency symbol
    let salary = "$" + salaries[i];

    // display the values
    console.log(`${i} : ${salary}`);
}

先頭から始まる“Salaries”という名前のオブジェクトがあり、そのキーとしていくつかの名前があり、その値として数字があります.変数として“i”を持ち、“salaries”オブジェクトを反復するfor/inループがあります.すべての反復で、変数“salary”が開始され、ドル記号と現在値を含む文字列に設定されます.それから、現在のキー、コロンと現在の値を含むコンソールに、補間文字列を記録します.この例で何が起こっているのかを理解するのに時間がかかります.なぜ“i”はループがオンしている現在のキーであるのか?給料はなぜ価値か、キーではないのか?あなた自身のオブジェクトを書いて、あなたが作るオブジェクトの「キー:値組」のすべてを記録するために、ループを得ることができるかどうか見てください.
あなたがこのポストを楽しんだことを願っています!してください全体の“JavaScript簡単に”シリーズDavidテトレアをチェックアウトします.毎日新しいポストがあります.