HOME>WEBプログラム覚書>JavaScriptの配列の基本あれこれ

JavaScriptの配列の基本あれこれ

JavaScriptの配列の基本についてあれこれメモ。

配列の生成

サンプル

PHP

  1. <?php
  2. // 配列オブジェクトhoge_01を生成
  3. var hoge_01 = new Array();
  4.  
  5. // AOE、AOK、AOC要素を持つ配列オブジェクトhoge_02を生成
  6. var hoge_02 = new Array("AOE", "AOK", "AOC");
  7.  
  8. // 要素を9つ持つ配列オブジェクトの生成
  9. var hoge_03 = new Array(9);
  10.  
  11. //こんな書式もあり。
  12. var hoge_04 = ["AOE", "AOK", "AOC"];
  13. ?>

いたって普通ですね。もちろん多次元配列も扱える。

2次元配列生成サンプル

Javascript

  1. // ベーシックな感じ
  2. var hoge_A = new Array();
  3.     hoge_A[0] = new Array("騎士", "騎兵", "斥候");
  4.     hoge_A[1] = new Array("剣士", "槍", "イーグル");
  5.     hoge_A[2] = new Array("射手", "三平", "砲撃手");
  6.  
  7. // こっちのほうがすっきりする気がする。
  8. var hoge_B = [
  9.         ["騎士", "騎兵", "斥候"],
  10.         ["剣士", "槍", "イーグル"],
  11.         ["射手", "三平", "砲撃手"]
  12.         ];
  13.  

そして連想配列(ハッシュ)も扱える。

連想配列のサンプル

Javascript

  1. var hoge_C = new Array();
  2.     hoge_C["uma_goya"] = new Array("騎士", "騎兵", "斥候");
  3.     hoge_C["senshi_goya"] = new Array("剣士", "槍", "イーグル");
  4.     hoge_C["yumi_goya"] = new Array("射手", "三平", "砲撃手");
  5.  

配列の処理も普通にfor文で出来る。

配列処理のサンプル

Javascript

  1. var hoge_02 = new Array("AOE", "AOK", "AOC");
  2.  
  3. var hoge_A = new Array();
  4.     hoge_A[0] = new Array("騎士", "騎兵", "斥候");
  5.     hoge_A[1] = new Array("剣士", "槍", "イーグル");
  6.     hoge_A[2] = new Array("射手", "三平", "砲撃手");
  7.  
  8. function Dis_01(){
  9.  
  10.     for(i=0; i<3; i++){
  11.         document.getElementById("JStest").innerHTML += hoge_02[i] + "<br />";
  12.     }
  13. }
  14.  
  15. function Dis_02(){
  16.  
  17.     for(i=0; i<3; i++){
  18.         for(k=0; k<3; k++){
  19.             document.getElementById("JStest").innerHTML += hoge_A[i][k] + "<br />";
  20.         }
  21.     }
  22. }
  23.  

配列処理の実行結果

hoge_02を書き出し

2次元配列hoge_Aを書き出し

投稿日 2007年6月11日 12:07
カテゴリ JavaScript
タグ 言語仕様
トラックバック URL http://www.kantenna.com/cgi-bin/mt504/mt-tb.cgi/1103

コメント

コメントする
Name
Email Address
URL