JavaScriptのpop()関数：配列の最後の要素を削除する

定義と使い方

pop()関数は、配列の最後の要素を削除（pop、つまり「ポンッ」と押し出すように）する関数です。

特徴

配列の最後の要素を削除します。
元の配列自体を直接変更します。
この動作によって配列の長さが1つ減ります。
削除された要素を返します。

基本例

shift()関数はこれと似ていますが、配列の最初の要素を削除します。

構文

arrはpop()関数を適用する配列です。

パラメーター

なし。

戻り値

pop()関数は、配列から削除された最後の要素の値を返します。
pop()関数で削除する要素がなく、配列が空の場合はundefinedが返されます。

JavaScript pop()関数の戻り値

const arr = [1, 2, 3];

// 配列の最後の要素を削除します。
const removedItem = arr.pop();
console.log(arr); // 出力：[1, 2]
console.log(removedItem); // 出力：3

// 配列が空の場合
const emptyArray = [];
const emptyArrayRemovedItem = emptyArray.pop(); // 削除する要素がなく、配列が空である

console.log(emptyArrayRemovedItem); // 出力：undefined

注意すべき点とさまざまな状況

pop()関数を使用する際に重要ないくつかの概念と注意点があります。

戻り値
元の配列の変更と配列の長さ
ループと併用して逆順に並べ替える
delete演算子で配列の最後の要素を削除する

戻り値

pop()関数は削除した要素を返します。返された値は変数に保存することができます。

元の配列の変更と配列の長さ

pop()関数は元の配列を変更します。したがって、配列から要素を削除すると配列が変更され、配列の長さが短くなるという点を理解しておく必要があります。

コード補足説明
配列のlengthプロパティは、配列に含まれる要素の数を数値で返します。

ループと併用して順序を逆にする

pop()関数とループを併用して、配列の要素を逆順に処理することができます。

JavaScript pop()関数とループを併用して、配列の要素を逆順に処理することができます。

const fruits = ["apple", "banana", "cherry"];

// 逆順の要素を格納するための空の配列を作成
const reversedFruits = [];

// ループを使用して末尾から要素を順に取り出し、逆順に再配置
while (fruits.length > 0) {
    reversedFruits.push(fruits.pop());
}

// 逆順になった配列を出力
console.log(reversedFruits); // 出力：["cherry", "banana", "apple"]

コード補足説明
while文は、条件式が真（true）である間、コードブロックを繰り返し実行するループ構文です。

配列を逆順にするには、JavaScriptには reverse()関数が組み込まれており、この関数を使用すると配列を簡単に反전(反転)させることができます。reverse()関数を使用する方がはるかに便利で、より直感的です。

JavaScript reverse() 関数を使用して配列を反転させる

const fruits = ["apple", "banana", "cherry"];

// 配列を逆順にする
const reversedFruits = fruits.reverse();

// 逆順になった配列を出力
console.log(reversedFruits); // 出力：["cherry", "banana", "apple"]

コード補足説明
配列において reverse()関数は、与えられた配列の要素の順序を逆順（reverse）に直接反転させます。

`delete`演算子で配列の最後の要素を削除する

pop()関数の代わりにdelete演算子を使用して配列の最後の要素を削除すると、その要素の値は配列から削除されるのではなく空の状態になります。また、配列の長さも変更されません。

JavaScript

const fruits = ["apple", "banana", "cherry"];

// 配列の最後の要素を削除
delete fruits[fruits.length - 1];

// 配列を出力
console.log(fruits); // 出力：["apple", "banana", <空>]
console.log(fruits[3]); // 出力：undefined

配列の最後の要素を削除するためにdelete演算子を使用する方法は推奨されません。