KANTENNA.COM

Solarized

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.   ];

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

連想配列のサンプル

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("射手", "三平", "砲撃手");

配列の処理も普通に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.  }

配列処理の実行結果

hoge_02を書き出し

2次元配列hoge_Aを書き出し

Webサイト制作者のための JavaScript入門講座
作者:安藤 建一 | 価格:¥ 3,024

トラックバック(0)

コメント

コメントする
Name
Email Address
URL
TIME LINE
2012
02.08

[Ubuntu11.10]Winows XPユーザーがUbuntuを使ってみて

Windows XPとUbuntuのデュアルブート環境にしてみておもったこと。

2012
02.03

[jQuery]closest()とparents()

今から16年前Netscapeブラウザのソースコードの公開方法の会議の中で、初めてオープンソースという言葉が使われた今日、 みなさんいかがお過ごしでしょうか。

今回の投稿はそれとは関係のないjQueryのparents()とclosest()が 似てたので何が違うのか試した時のメモです。

2012
02.01

[jQuery Mobile]初期化イベントメモ

jQuery Mobileは読み込まれてから

mobileinit -> pagebeforecreate -> pagecreate -> pageinit

の順番でイベントが発生する。

2012
02.01

[WordPress]管理画面のフッタのフィルタとアクション。

時間も時間なので、あまり使用頻度の高くない微妙なネタを。

会員制サイトなどで不特定多数の人にログインさせる場合、フッタのバージョン情報は隠しておきたかったり、 こじゃれたメッセージを表示したいときとか使うアクションとフィルタ。

2012
01.28

[WordPress] ブログの情報を取得する方法とノーキャッシュ疑惑

ブログのget_bloginfo()で取れないデータが必要な場合に使うもの。

2012
01.26

[jQuery Mobile]ダイアログ

jQuery Mobileにおけるダイアログの扱いはウインドウではなくページ。 なので通常のページと同様に扱える。ダイアログウインドウを出す。じゃなくダイアログページに遷移する。的な。

2012
01.25

[Ubuntu11.10]Ubuntuのインストール後の設定

インストール完了後の環境構築。PC起動時いちいちBIOSからブートドライブ選んで ブートするのかと思ってたら起動時にOS選択画面が出てくる。

すばらしいですね。

2012
01.24
2012
01.23

MinGW+Mintty+Git

MinGW+Mintty+Gitをやろうとして失敗に終わった。このエントリーには収穫できるものはありません。