JavaScript で配列から最後の要素を削除する
Kushank Singh
2023年10月12日
-
array.prototype.splice()を使用して、配列 JavaScript から最後の要素を削除する -
array.prototype.pop()を使用して、配列 JavaScript から最後の要素を削除する -
array.prototype.slice()を使用して、JavaScript の配列から最後の要素を削除する -
array.prototype.filter()を使用して、JavaScript の配列から最後の要素を削除する - ユーザー定義のメソッドを使用して、JavaScript の配列から最後の要素を削除する
配列は、すべての要素を特定のインデックスに格納します。要素のインデックスは、0 から配列の長さから 1 を引いたものまで始まります。
このチュートリアルでは、JavaScript の配列から最後の要素を削除するためのさまざまな方法について説明します。
array.prototype.splice() を使用して、配列 JavaScript から最後の要素を削除する
splice() メソッドは、要素を削除または置換することによって配列を変更するために使用されます。いずれかの要素が削除されると、削除された要素が返されます。それ以外の場合は、空の配列が返されます。
これを使用して、配列から最後の要素を削除できます。
以下のコードを確認してください。
var array = [10, 11, 12, 13, 14, 15, 16, 17];
array.splice(-1, 1);
console.log(array);
出力：
[10, 11, 12, 13, 14, 15, 16]
array.prototype.pop() を使用して、配列 JavaScript から最後の要素を削除する
pop() 関数は、これを実現するための最も簡単な方法です。配列から最後の要素を削除し、削除された要素を返します。
例えば、
var array = [10, 11, 12, 13, 14, 15, 16, 17];
array.pop();
console.log(array)
出力：
[10, 11, 12, 13, 14, 15, 16]
array.prototype.slice() を使用して、JavaScript の配列から最後の要素を削除する
slice() 関数は、start から stop まで選択された定義済みパーツのコピーを作成します（終了は含まれません）。start と stop の値は配列のインデックスです。新しい配列を返します。
以下のコードを確認してください。
var array = [10, 11, 12, 13, 14, 15, 16, 17];
array = array.slice(0, -1);
console.log(array);
出力。
[10, 11, 12, 13, 14, 15, 16]
array.prototype.filter() を使用して、JavaScript の配列から最後の要素を削除する
filter() メソッドは、渡された提供された関数に従って変更された配列を返します。
この関数を使用して最後の要素を削除するには、以下のコードを参照してください。
var array = [10, 11, 12, 13, 14, 15, 16, 17];
array = array.filter((element, index) => index < array.length - 1);
console.log(array);
出力：
[10, 11, 12, 13, 14, 15, 16]
ユーザー定義のメソッドを使用して、JavaScript の配列から最後の要素を削除する
配列を入力として受け取り、配列の長さがゼロより大きい場合は配列の長さを短くする新しい関数を作成できます。
これを次の例で実装します。
var array = [10, 11, 12, 13, 14, 15, 16, 17];
function removeElement(arr) {
if (arr.length > 0) arr.length--;
return arr
};
var newArray = removeElement(array);
console.log(newArray);
出力：
[10, 11, 12, 13, 14, 15, 16]