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

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

目次

Arrayオブジェクト

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

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

<script>
	var a = ["あ","い","う"];
	var b = ["A","B","C"];

	var c = a.concat(b)

	document.write(c); //あ,い,う,A,B,C

</script>

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

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

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

	var b = a.join("<->");

	document.write(b); //あ<->い<->う

</script>

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

slice(start[,end])

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

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

	var b = a.slice(0,1);

	document.write(b,"<br />"); //あ

	var c = a.slice(1,2);

	document.write(c,"<br />"); //い

	var d = a.slice(1,3);

	document.write(d,"<br />"); //い,う

	var e = a.slice(1);

	document.write(e); //い,う
</script>

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

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

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

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

	a.splice(1,1,"Z");

	document.write(a,"<br />"); //あ,Z,う

	var b = ["か","き","く"];

	b.splice(1,2,"Y");

	document.write(b,"<br />"); //か,Y

</script>

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

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

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

	a.pop();

	document.write(a); //あ,い

</script>

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

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

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

	a.push("か");

	document.write(a); //あ,い,う,か

</script>

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

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

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

	a.shift();

	document.write(a); //い,う

</script>

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

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

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

	a.unshift("さ");

	document.write(a); //さ,あ,い,う

</script>

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

reverseメソッドは、要素を逆順に並び替えます。

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

	a.reverse();

	document.write(a); //う,い,あ

</script>

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

sortメソッドは、要素を昇順に並び替えます。

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

	a.sort();

	document.write(a); //あ,い,う

</script>

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

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

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

	document.write(a.length); //3

</script>

関連の記事

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

 はまったらエンジニア特化型Q&Aサイト
【teratail(テラテイル)】で質問しましょう!


△上に戻る