【JavaScript/jQuery】配列の先頭・末尾を削除する方法

本記事では、JavaScriptとjQueryで使える配列要素を削除する3つの方法(pop,shift,splice)について解説しています。

JavaScriptの学習におすすめ書籍

1冊ですべて身につくJavaScript入門講座

総合評価

( 5 )

メリット

• 誰でも分かるように嚙み砕いて説明してくれる
• アニメーションの知識が深く学べる
• 1つのWebサイトを作りながら学べる

1冊ですべて身につくJavaScript入門講座 [ Mana ]

楽天ブックス

¥2,794 （2025/01/12 17:00時点 | 楽天市場調べ）

Amazonで探す

楽天市場で探す

Yahoo!ショッピングで探す

ポチップ

先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！

Amazon Kindle Unlimited

全プログラマー必見！
変数名/関数名にもう悩まない！

リーダブルコード

総合評価

( 5 )

メリット

• 美しいコードが書けるが自然と書けるようになる
• 他の開発者が理解しやすいコードになる

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)

著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典

¥2,640 （2023/07/23 02:48時点 | Amazon調べ）

Amazonで探す

楽天市場で探す

Yahoo!ショッピングで探す

ポチップ

配列の末尾の要素を削除する(pop)

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

array.pop();

末尾の要素を削除するだけなので、引数などの指定はありません。

popメソッドを使って配列の末尾を削除するサンプルコードと実行結果は以下のとおりです。

let fruitsArr = ["キウイ","イチゴ","マグロ"];

fruitsArr.pop();
console.log(fruitsArr); // -> ["キウイ","イチゴ"]

配列の先頭の要素を削除する(shift)

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

array.shift();

先頭の要素を削除するだけなので、引数などの指定はありません。

shiftメソッドを使って配列の先頭を削除するサンプルコードと実行結果は以下のとおりです。

let numArr = ["A",1,2,];

numArr.shift();
console.log(numArr); // -> [1,2]

配列の先頭・末尾以外にある要素を削除する(splice)

配列の先頭や末尾以外の要素を削除する場合はspliceメソッドを使います。

splice(start, deleteCount);

spliceメソッドの第一引数に、配列の何番目を削除したいかを添字で指定します。例えば、配列の3番目を削除したい場合は第一引数に配列の添字である2を指定します。第二引数には削除する要素数を指定します。削除したい要素数が一つであれば、第二引数に1を指定します。

let strArr = ["A","B",1,"C","D",2,3,"E"];

strArr.splice(2,1);
console.log(strArr); // -> ["A","B","C","D",2,3,"E"]

strArr.splice(4,2);
console.log(strArr); // -> ["A","B","C","D","E"]