【JavaScript】while文による繰り返し

2022年10月2日 08:00

JavaScriptでは「for文」の他に「while文」を使うことでも同様に繰り返し処理ができます。

while文は基本的に繰り返し回数が決まっていないループ処理に最適です。

なので、実行速度も速くゲームなどにもよく使われています。

使い方

while()の引数に条件式「i < 10」を指定すれば、変数iが10未満になるまで繰り返し処理を行うという意味になります。


var i = 0;
 
while(i < 10) {
  console.log(i++);
}

サンプルプログラム

<html>
<head>
    <title>while文</title>
</head>
<script>
    var i = 0;
     
    while(i < 10) {
      console.log(i++);
    }
</script>
</head>
<body>
</body>
<html>

プログラムダウンロード

実行結果

0
1
2
3
4
5
6
7
8
9

配列処理での使い方

whileを応用すれば、配列なども簡単に処理できます。

サンプルプログラム

while()の条件式に配列の要素数である「array.length」を使っているのがポイントです。

この記述方法により、配列の要素数を1つずつ繰り返して処理を行うことができるわけです。

<html>
<head>
    <title>while文応用</title>
</head>
<script>
    var array = ['東京', '大阪', '横浜', '名古屋'];
    var i = 0;
      
    while(i < array.length ) {
      
      console.log( array[i] );
      
      i++;
    }
</script>
</head>
<body>
</body>
<html>

プログラムダウンロード

実行結果

東京
大阪
横浜
名古屋

もっとJavaScriptを学びたい人は！こちらの本がおすすめです

#JavaScript #JavaScript初心者 #JavaScript学習 #プログラミング #プログラミング学習 #プログラミング初心者

この記事が気に入ったらサポートをしてみませんか？