JavaScript Array(配列)オブジェクト


配列オブジェクトの役割は、単一の変数名を使用して一連の値を格納することです。


Examples

オンライン例

配列を作成し、値を代入します:

例

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";

試してみる »

ページ下部でさらに多くの例を見つけることができます。


配列とは?

配列オブジェクトは、単一の変数名を使用して一連の値を格納します。

一連のデータ(例:車の名前)がある場合、単一の変数に格納すると次のようになります:

var car1="Saab";
var car2="Volvo";
var car3="BMW";

しかし、その中から特定の車を見つけたい場合はどうでしょう?しかも3台ではなく300台の場合です。これは簡単なことではありません!

最良の方法は配列を使うことです。

配列は1つの変数名で全ての値を格納でき、その変数名で任意の値にアクセスできます。

配列の各要素には独自のIDがあり、簡単にアクセスできます。


配列を作成する

配列を作成するには、3つの方法があります。

次のコードは、myCarsという名前の配列オブジェクトを定義しています:

1: 標準的な方法:

var myCars=new Array();
myCars[0]="Saab";      
myCars[1]="Volvo";
myCars[2]="BMW";

2: 簡潔な方法:

var myCars=new Array("Saab","Volvo","BMW");

3: リテラル:

var myCars=["Saab","Volvo","BMW"];


配列にアクセスする

配列名とインデックス番号を指定することで、特定の要素にアクセスできます。

次の例では、myCars配列の最初の値にアクセスします:

var name=myCars[0];

次の例では、配列 myCars の最初の要素を変更します:

myCars[0]="Opel";

lamp


1つの配列に異なるオブジェクトを含めることができます

すべてのJavaScript変数はオブジェクトです。配列要素はオブジェクトです。関数はオブジェクトです。

したがって、配列に異なる変数タイプを含めることができます。

1つの配列にオブジェクト要素、関数、配列を含めることができます:

myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;


配列のメソッドとプロパティ

配列オブジェクトの定義済みプロパティとメソッドを使用します:

var x=myCars.length // myCars 内の要素の数
var y=myCars.indexOf("Volvo") // "Volvo" の値のインデックス


完全な配列オブジェクトリファレンス

当サイトの配列のすべてのプロパティとメソッドに関する完全なリファレンスを参照できます。

リファレンスには、すべてのプロパティとメソッドの説明(およびその他の例)が含まれています。

完全な配列オブジェクトリファレンス


新しいメソッドを作成する

プロトタイプはJavaScriptのグローバルコンストラクタです。新しいJavascriptオブジェクトのプロパティとメソッドを構築できます。

例:新しいメソッドを作成します。

Array.prototype.myUcase=function(){
    for (i=0;i<this.length;i++){
        this[i]=this[i].toUpperCase();
    }
}

試してみる »

上記の例では、配列の小文字を大文字に変換する新しい配列メソッドを作成しています。


Examples

その他の例

2つの配列を結合する - concat()

3つの配列を結合する - concat()

配列の要素から文字列を作成する - join()

配列の最後の要素を削除する - pop()

配列の末尾に新しい要素を追加する - push()

配列内の要素の順序を反転して並べ替える - reverse()

配列の最初の要素を削除する - shift()

配列から要素を選択する - slice()

配列の並べ替え(アルファベット順の昇順)- sort()

数値の並べ替え(数値順の昇順)- sort()

数値の並べ替え(数値順の降順)- sort()

配列の2番目の位置に要素を追加する - splice()

配列を文字列に変換する - toString()

配列の先頭に新しい要素を追加する - unshift()

その他の拡張