push, pop, shift, unshiftの使用 | 配列メソッドの基本 | JavaScript 超完全入門基本から発展までのすべて

INDEX

配列操作の基本メソッド - push, pop, shift, unshiftの使用

JavaScriptには、配列の要素を追加・削除するための便利なメソッドが用意されています。

その中でもpush()、pop()、shift()、unshift()は最も基本的なメソッドであり、日常的によく使用されます。

push()は、配列の末尾に要素を追加します。返り値は、追加後の配列の長さです。


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

const length = fruits.push("cherry");

console.log(fruits);
console.log(length);

実行結果


["apple", "banana", "cherry"]
3

配列の末尾に"cherry"が追加され、返り値として配列の長さ3が返されています。

pop()は、配列の末尾の要素を削除し、その要素を返します。


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

const lastFruit = fruits.pop();

console.log(fruits);
console.log(lastFruit);

実行結果


["apple", "banana"]
cherry

末尾の要素が削除され、その削除された要素が返されます。

shift()は、配列の先頭の要素を削除し、その要素を返します。


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

const firstFruit = fruits.shift();

console.log(fruits);
console.log(firstFruit);

実行結果


["banana", "cherry"]
apple

先頭の要素が削除され、その要素が返されます。

unshift()は、配列の先頭に要素を追加します。返り値は追加後の配列の長さです。


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

const length = fruits.unshift("apple");

console.log(fruits);
console.log(length);

実行結果


["apple", "banana", "cherry"]
3

先頭に要素が追加され、配列の長さが返されます。

追加と削除を組み合わせることで、配列の内容を自由に変更できます。


const fruits = ["banana"];

fruits.unshift("apple");
fruits.push("cherry");
fruits.pop();
fruits.shift();

console.log(fruits);

実行結果


["banana"]

先頭・末尾への追加と削除を組み合わせることで、配列を柔軟に操作できます。