JavaScript【 array 】1 ～ 配列という便利なデータ構造

配列は、プログラムを組む際に便利に使用できるデータ構造です。
配列構造を持つ変数を使うと、1つの変数で沢山のデータを保持することができます。
今回は、このような配列について紹介します。

1. 配列とは

あるグループの名簿管理をしようとして、メンバーの名前を変数に代入する場合、「var name1 = “有田”」のような形で変数を作ると、人数分の変数を用意する必要があります。

    var name1 = "有田"
    var name2 = "上田"
    var name3 = "徳井"
    var name4 = "名倉"
    var name5 = "原田"
    var name6 = "堀口"
    var name7 = "福田"
        ・
        ・
        ・

沢山の変数を管理する事自体も大変ですが、メンバーの数が増えた時など、さらに煩雑になってしまいます。

これを、配列を使った変数を用いて表すと、次のようになります。

    var name = new Array();

    name[0] = "有田";
    name[1] = "上田";
    name[2] = "徳井";
    name[3] = "名倉";
    name[4] = "原田";
    name[5] = "堀口";
    name[6] = "福田";
        ・
        ・
        ・

name という変数に、データが全て入っている状態です。

このように、配列を使うと、1つの変数に複数のデータを格納することができます。

配列は、Arrayオブジェクトを使用して次のように記述します。

    var 変数名 = new Array();

    変数名[0] = 値1;
    変数名[1] = 値2;
    変数名[2] = 値3;
        ・
        ・
        ・

また、配列は、Arrayオブジェクトを使用せずに、次のようにも記述できます。

    var 変数名 = [];

    変数名[0] = 値1;
    変数名[1] = 値2;
    変数名[2] = 値3;
        ・
        ・
        ・

次のような記述で、値を代入することもできます。
（下の例は宣言と同時に値を代入していますが、宣言後に値を代入する場合でも同じように記述できます。）

    // Arrayオブジェクトを使用する場合
    var 変数名 = new Array (値1, 値2, 値3);

    // Arrayオブジェクトを使用しない場合
    var 変数名 = [値1, 値2, 値3];

変数の宣言の仕方や値の代入方法に関係なく、変数を呼び出す際は次のように記述します。

    alert(変数名[0]);

配列のインデックスは 0 から数えるので、1番目の値を呼び出す際は「変数名[0]」となります。

▲目次へ戻る

2. Arrayオブジェクトとは

Array は、配列用に用意されたクラスです。

Array オブジェクトを使った配列変数の宣言は、次のように行います。

(1)は、Array オブジェクトの変数であることのみを宣言したシンプルな記述方法です。

(2)は、サイズを指定して宣言する方法です。
サイズは配列の数を表しますが、これ自体に拘束力はなく、「ver name = new Array([5])」と宣言した後に、6番目以降の値を格納することもできます。

(3)は、宣言と同時に値を代入する方法です。
それぞれの値をカンマ（,）区切りで記述すると、左の値から順に「[0]、[1]、[2]」とインデックスが付きます。
配列のインデックスは 0 から始まります。
　
　

Array オブジェクトには、次のようなプロパティがあります。

　
配列変数に格納された値の数を使用したい場合は、次のように記述します。

    var name = ("有田", "上田", "徳井");
    alert("配列変数nameの中には" + name.length + "人分のデータが入っています。");

配列変数nameに、値を3つ代入しているので、これを実行すると、「配列変数nameの中には3人分のデータが入っています。」とアラート表示されます。
　
　

Array オブジェクトには、次のようなメソッドが用意されています。

▲目次へ戻る