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

2007年06月11日 12:07

JavaScriptの配列の基本あれこれ

言語仕様

パーマリンク | http://www.kantenna.com/cgi-bin/mt/mt-tb.cgi/365

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

配列の生成

サンプル


// 配列オブジェクトhoge_01を生成
var hoge_01 = new Array();

// AOE、AOK、AOC要素を持つ配列オブジェクトhoge_02を生成
var hoge_02 = new Array("AOE", "AOK", "AOC");

// 要素を9つ持つ配列オブジェクトの生成
var hoge_03 = new Array(9);

//こんな書式もあり。
var hoge_04 = ["AOE", "AOK", "AOC"];

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

2次元配列生成サンプル


// ベーシックな感じ
var hoge_A = new Array();
    hoge_A[0] = new Array("騎士", "騎兵", "斥候");
    hoge_A[1] = new Array("剣士", "槍", "イーグル");
    hoge_A[2] = new Array("射手", "三平", "砲撃手");

// こっちのほうがすっきりする気がする。
var hoge_B = [
        ["騎士", "騎兵", "斥候"],
        ["剣士", "槍", "イーグル"],
        ["射手", "三平", "砲撃手"]
        ];

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

連想配列のサンプル


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

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

配列処理のサンプル


var hoge_02 = new Array("AOE", "AOK", "AOC");

var hoge_A = new Array();
    hoge_A[0] = new Array("騎士", "騎兵", "斥候");
    hoge_A[1] = new Array("剣士", "槍", "イーグル");
    hoge_A[2] = new Array("射手", "三平", "砲撃手");

function Dis_01(){

    for(i=0; i<3; i++){
        document.getElementById("JStest").innerHTML += hoge_02[i] + "<br />";        
    }
}

function Dis_02(){

    for(i=0; i<3; i++){
        for(k=0; k<3; k++){
            document.getElementById("JStest").innerHTML += hoge_A[i][k] + "<br />";
        }
    }
}