配列の定義・参照・追加・削除

配列の宣言

まずは配列のを宣言。new Array()を使って「new Array(値1,値2,・・・)」と定義する方法と、[ ]を使って直接[値1,値2,・・・]と定義する方法がある。

// new Array( )での定義
var ary1 = new Array("アイス","メロン","だんご");

// [ ]での定義
var ary2 = ['パン', 'ピザ', 'ナン'];

function showAryAlt(ary){
	console.log(ary);
}

配列の参照

配列の値を参照する時は「配列[index]」で参照。配列の要素数は「配列.length」で取得可能

var ary3 = new Array("アイス","メロン","だんご","スイカ");
function showAryConsole(ary){
	for (var i=0; i<ary.length; i++){
		console.log(ary[i]);
	}
}

配列の追加・削除

他の言語と同じようにJavaScriptでも配列の追加・削除が出来る

// 初期値の配列を作成
var ary4 = new Array("みかん","レモン");
function showAryConsole1(ary){
	for (var i=0; i<ary.length; i++){
		console.log("index:" + i + " 値:" + ary[i]);
	}
}

function aryPush(ary,itemId){
	// 配列の最後に項目を追加 配列.push(項目)
	ary.push(document.getElementById(itemId).value);
}
function aryUnshift(ary,itemId){
	// 配列の先頭に項目を追加 配列.unshift(項目)
	ary.unshift(document.getElementById(itemId).value);
}
function aryPop(ary){
	// 配列の最後の項目を削除 配列.pop()
	ary.pop();
}
function aryShift(ary){
	// 配列の先頭の項目を削除 配列.shift()
	ary.shift();
}


追加
削除

インデックス位置を指定して指定数の項目を削除するplice(pos, n)とか、場面場面で便利な使い方が色々ある。詳しくは、MDN web docsのArray