配列操作
配列の挿入、削除、ソートなど、配列に関するリファレンス。
お品書き
Array
配列を作成します。
isArray
配列であるかどうかを判別します。
join
配列のすべてのデータを1つの文字列にします。
length
配列の長さを取得または設定します。
pop
配列の最後の要素を削除します。push と popで 後入れ先出しをシミュレートすることができます。
push
配列に新しい要素を追加します。push と popで 後入れ先出しをシミュレートすることができます。
reverse
配列の要素を反転させます。
shift
配列の先頭の要素を削除します。
slice
指定した範囲の配列を抽出します。
sort
配列をソートします。
toString
配列のすべてのデータを1つの文字列にします。
unshift
配列の先頭に新しい要素を挿入します。
▲TOP
Array コンストラクタ
IE
CM
FX
OP
SF
配列を作成します。
objArray = new Array( size )
size
配列のサイズ。省略可能です。
objArray = new Array( element0, element1, ..., elementN )
element
配列に格納するデータ。カンマ区切りで指定します。
// 7つの1次元配列を作成する
ar = new Array(7) ;
ar[0] = "日" ;
ar[1] = "月" ;
ar[2] = "火" ;
ar[3] = "水" ;
ar[4] = "木" ;
ar[5] = "金" ;
ar[6] = "土" ;
// 1次元配列を作成してデータをセットする
ar = new Array( "日", "月", "火", "水", "木", "金", "土" );
for (i=0; i<ar.length; i++){
document.write( "ar[",i,"] = ", ar[i], "<br>" );
}
// 1次元配列を作成してデータをセットする
ar = [ "日", "月", "火", "水", "木", "金", "土" ];
for (i=0; i<ar.length; i++){
document.write( "ar[",i,"] = ", ar[i], "<br>" );
}
// 1次元配列を2次元配列のように使う
ar = new Array(
"あんまん", "100円",
"にくまん", "110円",
"カレーまん","120円"
);
for (y=0; y<ar.length/2; y++){
document.write( "y:", y, " ", ar[y*2], "=", ar[y*2+1], "<br>");
}
// ar[3][2] の2次元配列を作成する
ar = new Array(3);
for (y=0; y<ar.length; y++){
ar[y] = new Array(2);
}
// 2次元配列にデータをセットする
ar[0][0] = "あんまん";
ar[0][1] = "100円";
ar[1][0] = "にくまん";
ar[1][1] = "110円";
ar[2][0] = "カレーまん";
ar[2][1] = "120円";
// 2次元配列を作成してデータをセットする
ar = new Array(
["あんまん", "100円"],
["にくまん", "110円"],
["カレーまん", "120円"]
);
for (y=0; y<ar.length; y++){
for (x=0; x<ar[y].length; x++){
document.write( "ar[",y,"][",x,"]=", ar[y][x], "<br>" );
}
}
// ar[3][2][4] の3次元配列を作成する
ar = new Array(3);
for (y=0; y<ar.length; y++){
ar[y] = new Array(2);
for (x=0; x<ar[y].length; x++){
ar[y][x] = new Array(4);
}
}
// ar[3][2][4] をゼロクリアする
for (y=0; y<ar.length; y++){
for (x=0; x<ar[y].length; x++){
for (z=0; z<ar[y][x].length; z++){
ar[y][x][z] = 0;
}
}
}
// 連想配列(ハッシュテーブル)にデータをセットする
ar = new Array();
ar["あんまん"] = "100円";
ar["にくまん"] = "110円";
ar["カレーまん"] = "120円";
document.write( ar["にくまん"] );
// 連想配列(ハッシュテーブル)にデータをセットする
ar = {
"あんまん":"100円",
"にくまん":"110円",
"カレーまん":"120円"
}
document.write( ar["にくまん"] );
// 連想配列(ハッシュテーブル)にデータをセットする
ar = {
"あんまん":"100円",
"にくまん":"110円",
"カレーまん":"120円"
}
// キーが 連想配列にあるかチェックする
myKey = "あんまん";
if ( ar[ myKey ] === undefined ){
alert ( myKey + "は、登録されていません。" );
}
// 連想配列の内容を全抽出
for (i in ar){
document.write ( i ,"=", ar[i], "<br>");
}
// 2次元連想配列(ハッシュテーブル)にデータをセットする
ar = {};
ar["あんまん"] = {};
ar["にくまん"] = {};
ar["カレーまん"] = {};
ar["あんまん"]["通常"] = "100円";
ar["あんまん"]["特売"] = "80円";
ar["にくまん"]["通常"] = "110円";
ar["にくまん"]["特売"] = "90円";
ar["カレーまん"]["通常"] = "120円";
ar["カレーまん"]["特売"] = "100円";
document.write ( ar["にくまん"]["特売"] );
▲TOP
Array.isArray メソッド
JavaScript 1.8.5
~IE8
IE9
CM5
FX4
OP10.5
SF5
配列であるかどうかを判別します。
result = Array.isArray( obj );
ar = new Array();
result = Array.isArray( ar );
ar = new Array(10);
result = Array.isArray( ar );
ar = "Hello.";
result = Array.isArray( ar );
▲TOP
join メソッド
JavaScript 1.1
IE5.5
CM
FX
OP
SF
指定した区切り記号で配列内のすべてのデータを1つの文字列にします。
result = objArray.join( [separator] )
ar = new Array( "日", "月", "火", "水", "木", "金", "土" );
result = ar.join( "-" );
ar = new Array( "日", "月", "火", "水", "木", "金", "土" );
result = ar.join();
▲TOP
length プロパティ
JavaScript 1.1
IE
CM
FX
OP
SF
配列の長さを取得または設定します。
result = objArray.length
ar = new Array( "日", "月", "火", "水", "木", "金", "土" );
result = ar.length;
ar = new Array();
result = ar.length;
ar = new Array(6);
result = ar.length;
▲TOP
pop メソッド
JavaScript 1.2
IE5.5
CM
FX
OP
SF
配列の最後の要素を削除します。push と popで 後入れ先出しスタックをシミュレートすることができます。
objArray.pop( )
削除した要素を返します。配列が空の場合は、undefined を返します。
ar = new Array();
ar.push( "あんまん", "肉まん", "カレーまん" );
ar.push( "ピザまん", "よもぎまん" );
result = ar.pop();
while (result !== undefined){
document.write ("result → ", result, "<br>");
result = ar.pop();
}
document.write("length → ", ar.length);
▲TOP
push メソッド
JavaScript 1.2
IE5.5
CM
FX
OP
SF
配列に新しい要素を追加します。push と popで 後入れ先出しスタックをシミュレートすることができます。
objArray.push( [item1 [item2 [. . . [itemN ]]]] )
要素を追加した後の配列の長さを返します。
ar = new Array();
ar.push( "あんまん", "肉まん", "カレーまん" );
ar.push( "ピザまん", "よもぎまん" );
result = ar.pop();
while (result !== undefined){
document.write ("result → ", result, "<br>");
result = ar.pop();
}
document.write("length → ", ar.length);
▲TOP
reverse メソッド
JavaScript 1.1
IE5.5
CM
FX
OP
SF
配列の要素を反転させます。
result = objArray.reverse()
ar = new Array( "日", "月", "火", "水", "木", "金", "土" );
ar.reverse();
for ( i in ar ){
document.write( "ar[", i, "] = ", ar[i], "<br>");
}
reverse メソッドは、Array オブジェクト内で要素の位置を反転させます。
このメソッドを実行しても、新しい Array オブジェクトは作成されません。
配列内の要素が連続していない場合、reverse メソッドを実行すると新しい要素が作成され、配列内の連続していない要素の間に挿入されます。 作成された要素の値は、undefined になります。
▲TOP
shift メソッド
JavaScript 1.2
IE5.5
CM
FX
OP
SF
配列の先頭の要素を削除し、削除した要素を返します。
objArray.shift( )
ar = new Array( "日", "月", "火", "水", "木", "金", "土" );
ar.shift();
ar.shift();
for ( i in ar ){
document.write( "ar[", i, "] = ", ar[i], "<br>");
}
▲TOP
slice メソッド
JavaScript 1.2
IE
CM
FX
OP
SF
指定した範囲の配列を抽出します。
arr = objArray.slice(start, [end])
start
切り取りを開始する 0 から始まる配列位置。
end
切り取りを終了する 0 から始まる配列位置。
指定された配列位置の 1つ前の配列までが切り取られます。
省略した場合は、配列の最後までを切り取ります。
指定した範囲が格納された Array オブジェクトを返します。
ar = new Array( "日", "月", "火", "水", "木", "金", "土" );
arr = ar.slice( 1, 4 );
for ( i in arr ){
document.write( "arr[", i, "] = ", arr[i], "<br>");
}
ar = new Array( "日", "月", "火", "水", "木", "金", "土" );
arr = ar.slice( 4 );
for ( i in arr ){
document.write( "arr[", i, "] = ", arr[i], "<br>");
}
▲TOP
sort メソッド
JavaScript 1.1
IE5.5
CM
FX
OP
SF
Array を並べ替えます。
objArray.sort( sortFunction )
sortFunction
要素の順序を決定する関数の名前を指定します。 省略した場合、要素は ASCII 文字の昇順で並べ替えられます。
// 文字列昇順ソート
ar = new Array(2, 1, 24, 13, 28, 16);
ar.sort();
for ( i in ar ){
document.write("ar[", i, "] = ", ar[i], "<br>");
}
// 数値昇順ソート
function SortInteger(value1, value2){
if (value1 == value2) return 0;
else if (value1 < value2) return -1;
else return 1;
}
ar = new Array(2, 1, 24, 13, 28, 16);
ar.sort( SortInteger );
for ( i in ar ){
document.write("ar[", i, "] = ", ar[i], "<br>");
}
▲TOP
toString メソッド
JavaScript 1.1
IE
CM
FX
OP
SF
配列内のすべてのデータを1つの文字列にします。
result = objArray.toString()
ar = new Array( "日", "月", "火", "水", "木", "金", "土" );
result = ar.toString();
▲TOP
unshift メソッド
JavaScript 1.2
IE5.5
CM
FX
OP
SF
配列の先頭に新しい要素を挿入します。
objArray.unshift( [item1[, item2 [, . . . [, itemN]]]] )
ar = new Array( "月", "火", "水", "木", "金", "土" );
ar.unshift( "日" );
for ( i in ar ){
document.write( "ar[", i, "] = ", ar[i], "<br>");
}
▲TOP