JSでfor文、while文(+for...of/for...in/forネスト)を比較


文脈


特定の値を変更(数値の値を特定の数値で比較)し、設定した条件を満たす場合は繰り返します.

ドア


条件を確認するだけで繰り返します.
したがって,条件文の内部は直接変更しなければならない.

for...in(オブジェクトループ)


オブジェクトに重複文を返すために作成された重複文
キー値を持ってきてください.
var obj = {
  a: 1,
  b: 2,
  c: 3
};

for (var item in obj) {
  console.log(item) // a, b, c
}

for...of(循環配列値)


アレイを回転させるための繰り返し文です.
var arr = [1, 2, 3];

for (var item of arr) {
  console.log(item); // 1, 2, 3
}
実際javascriptでは配列もオブジェクトなのでfor inでもオブジェクトのキー値に対応する値が現れます.
配列で計算すると、インデックスとして使用できます.
Object.entries:キー、値、キー、値に変換される配列
Object.keys:キー、キー、キーの形状に変換される配列
Object.values:値、値、値に変換された配列

オーバーラップ
多くの人が使用しているgugudan出力の例を見てみましょう

上の図を見ればわかります.
外のfor文が実行されると、中にまたfor文が現れると
まず内側のfor文を実行し、内側のloopが完了して終了すると、再び外側のfor文loopを実行します.