JavaScript
webdesign_LiLA

jsで配列の中身を分割してループ処理

このプログラムでは、配列に入った4つのデータ(3つの項目が;で区切られている文字列)を;でさらに3つの配列に分割し、それぞれの配列に対して4回ループを回します。

メインループ=4つのデータ
サブループ=4つの中の3つのデータ

Point

1.array = ['A;B;C','A;B;C','A;B;C']というように、同じ区切り文字で区切られたデータを用意
2.split();を使って、1つのデータを複数のバリューをもつ配列に分割

no4.html
  <!DOCTYPE html>
  <html>
  <head>
    <meta charset="utf-8">
    <title>Number guessing game</title>
  </head>

  <body>

    <div class="get">Click</div>

    <script>
         var items = [
         'taro;yamada;100',
         'jiro;suzuki;120',
         'jon;tanaka;90',
         'bob;nakai;30'
         ];

         for(var i = 0 ; i < items.length ; i++) {
          subarray = items[i].split(';');
          fname = subarray[0];
          lname = subarray[1];
          score = subarray[2];

          out = 'hello ' + fname + 'your score is ' + score;
          alert(out);
         }
       </script>
     </body>
     </html>