配列

Index  Back  Next
【配列とは】

  100 個ものデータがあったとき、これを格納するために a0, a1, a2, .. といった
 単純変数を使用するのは大変面倒で、効率が悪いのは明らかです。いくつものデータ
 を総括的かつ、効率的に扱うためのデータ構造として配列というものが考えられてい
 ます。配列はデータ名と何個目のデータかを表す添え字で構成され添え字は [] で囲
 みます。
  JavaScript で配列を宣言するには、
  <SCRIPT TYPE="text/JavaScript">
  <--
  var a = new Array(5); // 配列 a の宣言
  //-->
  </SCRIPT>
 とします。これにより配列 a[0] から a[4] までが使用できるようになりました。
【例】

  サンプルとして配列 a に文房具名、配列 b に価格を代入して、価格表を表示する
 プログラムを作成した。
  <SCRIPT TYPE="text/JavaScript">
  <--
  var a = new Array(5);    // (1)
  var b = new Array(5);    // (2)
  var i;
  a[0] = "消しゴム";
  a[1] = "鉛筆";
  a[2] = "ボールペン";
  a[3] = "筆箱";
  a[4] = "定規";
  b[0] = 50;
  b[1] = 70;
  b[2] = 100;
  b[3] = 500;
  b[4] = 250;
  document.write( "<FONT SIZE='4'>文房具の価格表</FONT>" );  // (3)
  document.write( "<TABLE BORDER='2'>" );
  for( i = 0 ; i < 5 ; i++ ) {
    document.write( "<TR><TD>", a[i], "</TD>" );
    document.write( "<TD>", b[i], "</TD></TR>" );
  }
  document.write( "</TABLE>" );
  //-->
  </SCRIPT>

【解説】

 (1) 文房具用品名を格納する配列を作成。
 (2) 価格を格納する配列を作成。
 (3) 表を作成します。

  この程度の価格表なら、JavaScript を使用せず、HTML で作成したほうが効率的
 だと思われる。しかしながら、膨大なデータ数の場合にはこのように JavaScript
 を使用したほうが、効率がよくなるしファイルのサイズも小さくなるのではないで
 しょうか?
  また new は新しいオブジェクトを作成するための演算子です。たとえば新しく
 now という名前の、Date オブジェクトを作成するには、
  now = new Date();
 とします。
【実行結果】