配列のPOPとはどういう意味ですか？
プログラミングにおいて、配列はデータの集まりを扱うための基本的な構造です。 JavaScriptのような多くのプログラミング言語では、配列を操作するための様々なメソッドが提供されています。その中の一つが **`pop()` メソッド**です。
pop() メソッドとは？
`pop()` メソッドは、配列の **最後の要素** を削除し、その削除した要素を **戻り値として返す** メソッドです。
「pop」は英語で「ポンと飛び出る」という意味を持ちます。 配列の最後の要素がまるで「ポン！」と飛び出すようなイメージですね。 このように、メソッドの動作をイメージしやすいように名前が付けられていることが多いです。
コード例
具体的な例を見てみましょう。
<script>
// フルーツの配列
let fruits = ['apple', 'banana', 'orange'];
// 配列の最後の要素を削除し、変数に格納
let lastFruit = fruits.pop();
// 結果を表示
console.log(lastFruit); // 'orange' が表示される
console.log(fruits); // ['apple', 'banana'] が表示される
</script>
このコードでは、最初に `fruits` という名前の配列に `"apple"`、`"banana"`、`"orange"` という３つの要素を追加しています。 そして、`pop()` メソッドを使って配列の最後の要素 `"orange"` を削除し、変数 `lastFruit` に格納しています。最後に、`console.log()` を使って削除した要素と、要素を削除した後の配列の状態を表示しています。
`pop()` メソッドの使い方まとめ
以下の表に、`pop()` メソッドの使い方をまとめます。
| 項目 | 説明 |
|---|---|
| 戻り値 | 削除された配列の最後の要素 |
| 引数 | なし |
| 元の配列への影響 | 最後の要素が削除される |
注意点
- 空の配列に対して `pop()` メソッドを実行すると、`undefined` が返されます。
参考資料
関連QA
Q1: `pop()` メソッドと `splice()` メソッドの違いは何ですか？
A1: `splice()` メソッドは、配列の **任意の位置** から要素を削除したり、追加したりすることができます。一方、`pop()` メソッドは **最後の要素のみ** を削除します。
Q2: `pop()` メソッドは配列の要素を削除する以外にどのような場面で使われますか？
A2: `pop()` メソッドは、スタックやキューといったデータ構造を実装する際に利用されることがあります。スタックは「後入れ先出し（LIFO）」、キューは「先入れ先出し（FIFO）」のデータ構造です。
Q3: `pop()` メソッドで削除した要素を元に戻すことはできますか？
A3: `pop()` メソッドは削除した要素を戻り値として返してくれるので、その戻り値を別の変数に保存しておけば、後からその変数を使って要素を元に戻すことができます。あるいは、`unshift()` メソッドを使えば配列の先頭に戻すことも可能です。
その他の参考記事:jquery オブジェクト 作成