JavaScriptのpopの使い方！配列の末尾から取り除く

JavaScriptで配列の末尾の要素を取り除くpopメソッドについて解説します。
popメソッドを使うと、配列から最後の要素を取り除き、その要素を返します。

実際に動くサンプルを使って、以下の操作を解説します。

popメソッドの基本的な使い方

popメソッドは、配列の末尾の要素を取り除き、その要素を返します。
基本的な構文は以下のとおりです。

array.pop()

配列から最後の要素を取り除く

popを使って配列の要素を取得するサンプルコードです。

const fruits = ['apple', 'banana', 'orange'];
const lastFruit = fruits.pop();

console.log(lastFruit); // 結果：orange
console.log(fruits); // 結果：['apple', 'banana']

fruits配列を作成して、次の行でpopメソッドを使用して、配列の最後の要素を取得しています。
最後の要素の「orange」がpopメソッドによって取り除かれ、lastFruit変数に格納されています。
そして、fruits配列自体も変更され、最後の要素がなくなっています。

popメソッドの戻り値

popメソッドは、取り除かれた要素を返します。
配列が空の場合には、undefinedを返します。

const fruits = ['apple', 'banana', 'orange'];
const removedFruit = fruits.pop();

console.log(removedFruit); // 結果：orange

const emptyArray = [];
const result = emptyArray.pop();

console.log(result); // 結果：undefined

fruits配列からpopメソッドを使って、最後の要素を取り出しています。
次に空配列のemptyArrayにたいして、popメソッドを使っていますが、空なのでundefinedが返ってきます。

空の配列でpopメソッドを使う場合

先ほどと同じですが、空の配列に対してpopメソッドを使用すると、undefinedが返されます。

const emptyArray = [];
const result = emptyArray.pop();

console.log(result); // 結果：undefined

配列の先頭の要素を取得したい場合は？

配列の先頭の要素を取得したい場合は、shiftメソッドを使用します。
shiftメソッドは、配列の最初の要素を取り除き、その要素を返します。

const fruits = ['apple', 'banana', 'orange'];
const firstFruit = fruits.shift();

console.log(firstFruit); // 結果：apple
console.log(fruits); // 結果：['banana', 'orange']

JavaScriptのpopメソッドの使い方まとめ

今回はJavaScriptのpopメソッドの使い方について解説しました。
記事の内容をまとめます。