JavaScript講座

反復

while
while(条件式){
    繰り返したい処理
}

条件式が真である間、処理が繰り返される

do..while
do{
    繰り返したい処理
}while(条件式);

まず一回は処理がなされ、その後条件式が真である間、処理が繰り返される

for
for(前処理; 条件式; 後処理){
    繰り返したい処理
}

繰り返し回数をループ文の中で独立して制御するときに用いる(詳細は例題より)

break
break

繰り返し処理の中断(ループから抜ける)

フローチャート
htmlテンプレート
whileループ
<ul>
<script>
let count = 0;
while(count < 5){
  document.write('<li>今のループは'+count+'回目</li>');
  count++;
}
</script>
</ul>
forループ
<ul>
<script>
for(let count=0;count<5;count++){
  document.write('<li>今のループは'+count+'回目</li>');
}
</script>
</ul>
while無限ループ
<ul>
<script>
let count = 0;
while(true){
  document.write('<li>今のループは'+count+'回目</li>');
  count++;
  if(count >= 5){
    break;
  }
}
</script>
</ul>

課題:連番

実習用ファイル

指定した行数分、連番が振られるようにせよ。

ABCD
1連番行数(0-8)
2
10
rowsNum

C2…<input id="C2">

this.value

出力

A2:ArowsNum

  1. document.getElementById('A' + 2.innerHTML = 1;
  2. document.getElementById('A' + 3.innerHTML = 2;
  3. document.getElementById('A' + 4.innerHTML = 3;
  4. document.getElementById('A' + 5.innerHTML = 4;