Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】Array::Array.prototype.shiftインスタンスメソッドの使い方

Array.prototype.shift()インスタンスメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

Array.prototype.shift()メソッドは、呼び出された配列の先頭(インデックス0)から要素を一つ取り除き、その取り除いた要素を返すメソッドです。このメソッドを実行すると、元の配列自体が変更されます。具体的には、配列の長さが1つ短くなり、先頭の要素が削除された後、残りのすべての要素のインデックス(配列内の位置を示す番号)がそれぞれ1つずつ前に詰められます。

例えば、[10, 20, 30]という配列に対してshift()を呼び出すと、10が返され、元の配列は[20, 30]に変わります。もし空の配列に対してshift()メソッドを呼び出した場合、取り除く要素がないため、undefinedが返されます。

このshift()メソッドは、JavaScriptで配列をキュー(先入れ先出し、FIFO: First-In, First-Out)のようなデータ構造として扱いたい場合に特に有用です。例えば、タスクリストの先頭から順番にタスクを処理していくようなシナリオで活用できます。元の配列が変更される点に注意し、必要に応じて事前に配列のコピーを作成してから操作することも検討してください。

公式リファレンス: Array.prototype.shift()

構文(syntax)

1const array = [1, 2, 3];
2const removedElement = array.shift();
3console.log(removedElement);
4console.log(array);

引数(parameters)

引数なし

引数はありません

戻り値(return)

削除された要素 (配列が空の場合は undefined)

配列の先頭から削除された要素が返されます。配列が空の場合は undefined が返されます。

関連コンテンツ

関連プログラミング言語