JavaScript 配列を操作するサンプル(Arrayオブジェクト)

JavaScriptの配列を操作するサンプルです。
Arrayオブジェクトのメソッドとプロパティを使用します。

目次

配列を連結 (concatメソッド)

配列を連結し、新しい配列を返します。
concatメソッドを使用します。

<script>
	var ar1 = ["あ","い","う","え"];
	var ar2 = ["A","B","C","D"];

	var ar3 = ar1.concat(ar2)
	document.write(ar3); //あ,い,う,え,A,B,C,D
</script>

配列を指定した区切り文字で連結 (joinメソッド)

配列を指定した区切り文字で連結し文字列を返します。
joinメソッドを使用します。

<script>
	var ar1 = ["あ","い","う","え"];

	var ar2 = ar1.join("<->");
	document.write(ar2); //あ<->い<->う<->え
</script>

配列の要素を切り出す (sliceメソッド)

slice(start[,end])

配列の要素を切り出します。
sliceメソッドを使用します。
start~end-1の要素を切り出し新しい配列として返します。(startは0から始まります)
endがない場合は最後の要素まで切り出し新しい配列として返します。

<script>
	var ar1 = ["あ","い","う","え"];

	var ar2 = ar1.slice(1,3);
	document.write(ar2,"<br />"); //い,う

	var ar3 = ar1.slice(1);
	document.write(ar3); //い,う,え
</script>

配列の要素を置き換える (spliceメソッド)

splice(start,数[,A[,...]])

startの要素から数分の要素をAで置き換えます。(startは0から始まります)

<script>
	var ar1 = ["あ","い","う","え"];

	ar1.splice(1,1,"Z");
	document.write(ar1); //あ,Z,う,え

	ar1.splice(1,2,"Y");
	document.write(ar1); //あ,Y,え
</script>

配列の末尾の要素を削除 (popメソッド)

配列の末尾の要素を削除します。
popメソッドを使用します。

<script>
	var ar1 = ["あ","い","う","え"];

	ar1.pop();
	document.write(ar1); //あ,い,う
</script>

配列の末尾に要素を追加 (pushメソッド)

配列の末尾に要素を追加します。
pushメソッドを使用します。

<script>
	var ar1 = ["あ","い","う","え"];

	ar1.push("か");
	document.write(ar1); //あ,い,う,え,か
</script>

配列の先頭の要素を削除 (shiftメソッド)

配列の先頭の要素を削除します。
shiftメソッドを使用します。

<script>
	var ar1 = ["あ","い","う","え"];

	ar1.shift();
	document.write(ar1); //い,う,え
</script>

配列の先頭に要素を追加 (unshiftメソッド)

配列の先頭に要素を追加します。
unshiftメソッドを使用します。

<script>
	var ar1 = ["あ","い","う","え"];

	ar1.unshift("さ");
	document.write(ar1); //さ,あ,い,う,え
</script>

要素を逆順に並び替える (reverseメソッド)

要素を逆順に並び替えます。
reverseメソッドを使用します。

<script>
	var ar1 = ["あ","い","う","え"];

	ar1.reverse();
	document.write(ar1); //え,う,い,あ
</script>

要素を昇順に並び替える (sortメソッド)

要素を昇順に並び替えます。
sortメソッドを使用します。

<script>
	var ar1 = ["え","い","あ","う"];

	ar1.sort();
	document.write(ar1); //あ,い,う,え
</script>

要素の数を取得 (lengthプロパティ)

要素の数を取得します。
lengthプロパティを使用します。

<script>
	var ar1 = ["あ","い","う","え"];

	var ar2 = ar1.length;
	document.write(ar2); //4
</script>

Arrayオブジェクト

関連の記事

JavaScript 配列を作成するサンプル
JavaScript if文の配列の比較のサンプル
JavaScript 配列の値をループで取得するサンプル(for…in文)




△上に戻る