ray88’s diary

お仕事で困ったとき用の自分用の覚書

トップ > JavaScript > JavaScript 繰り返し-While文

JavaScript 繰り返し-While文

JavaScript

JavaScript 目次 - ray88’s diary
■while分の書式

while ( ループ継続の条件分 ) {
        命令文
}

※for文の初期化式とカウンタ更新を省略するとwhileBンと全く同じになる。while文をfor文で代用することも可能

for ( ループ継続の条件分; ) {
        命令文
}

■使用例①

function myFunction() {
  let fruite = ["orange","apple","banana"]
  let element
  while (fruite.length > 0) {
    // 配列の要素が空になるまでの処理
  element = fruite.pop(); // 配列の最後の要素を削除する例
  console.log(element);
  console.log(fruite);
  }
}


■使用例②

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script>
           function calcSum(){
                var max = document.getElementById("max").value;
                var total = 0, i = 1;
                while (i <= max){
                    total += i;
                    i += 1;
                }
                document.getElementById("val").textContent = max;
                document.getElementById("sum").textContent = total;
            }
        </script>
    </head>
    <body>
        <h2>1から<span id="val"></span>の合計は<span id="sum"></span></h2>
        <input id="max" value="10" />
        <button onclick="calcSum()">合計</button>
    </body>
</html>