JavaScriptで配列の要素を削除する:shift(), pop(), splice()

今回は配列の要素を削除する方法についてご説明したいと思います。配列の要素を削除する方法には、先頭の要素を削除する方法、末尾の要素を削除する方法、任意の位置と数を指定して削除する方法など様々な方法があります。

配列の先頭の要素を削除する方法

配列の先頭の要素を削除するためのshiftというメソッドがあります。

削除対象が先頭の要素と特定している場合は、非常に有効な方法でしょう。

上記のプログラムの実行結果は次のようになります。

配列の要素が1つ減って、先頭の要素が削除された事が確認できます。

配列の末尾の要素を削除する方法

次に、配列の一番後ろの要素を削除するためのメソッドpopについて説明します。

上記のプログラムの実行結果は次のようになります。

配列の要素が1つ減って、末尾の要素が削除された事が確認できます。

配列の任意の場所から任意の数だけ要素を削除する方法

今度は、配列の任意の場所と数を指定して、要素を削除するメソッドspliceをご紹介します。

spliceは、配列の何番目にある要素でも好きなだけ削除することができる自由度の高いメソッドです。

先頭や末尾の要素を削除するためのshiftやpopと同じ役割をすることもできるメソッドですから、是非押さえておきましょう。

上記のプログラムの実行結果は次のようになります。


Welcome to UX MILK

UX MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。

このサイトについて

UX MILKのディレクター募集

イベント