Push, Pop, Shift & Unshift pada Javascript

Javascript menyediakan beberapa built-in method untuk memanipulasi elemen pada array, baik menambah maupun menghapus elemen di awal atau akhir array. Berikut penjelasan lengkap beserta contoh penggunaannya:

Push

Method push() digunakan untuk menambahkan satu atau lebih elemen ke akhir array. Method ini mengembalikan panjang array setelah penambahan elemen.

let persons = ["Buday", "Joko"];
// Array awal: ['Buday', 'Joko']

let newLength = persons.push("Kiki", "Andi");

console.log(persons);
// Output: ['Buday', 'Joko', 'Kiki', 'Andi']

console.log(newLength);
// Output: 4

Pop

Method pop() digunakan untuk menghapus elemen terakhir dari array. Method ini mengembalikan elemen yang dihapus.

let plants = ["Tomato", "Cabbage", "Potato"];
// Array awal: ['Tomato', 'Cabbage', 'Potato']

let removed = plants.pop();

console.log(removed);
// Output: 'Potato'

console.log(plants);
// Output: ['Tomato', 'Cabbage']

Shift

Method shift() digunakan untuk menghapus elemen pertama dari array. Method ini mengembalikan elemen yang dihapus.

let friends = ["Jack", "Bob", "Rick"];
// Array awal: ['Jack', 'Bob', 'Rick']

let removed = friends.shift();

console.log(removed);
// Output: 'Jack'

console.log(friends);
// Output: ['Bob', 'Rick']

Unshift

Method unshift() digunakan untuk menambahkan satu atau lebih elemen ke awal array. Method ini mengembalikan panjang array setelah penambahan elemen.

let federalAgencies = ["FBI", "CIA", "NASA"];
// Array awal: ['FBI', 'CIA', 'NASA']

let newLength = federalAgencies.unshift("KGB", "MI6");

console.log(federalAgencies);
// Output: ['KGB', 'MI6', 'FBI', 'CIA', 'NASA']

console.log(newLength);
// Output: 5

Tabel Perbandingan

Kesimpulan

• Gunakan push() dan pop() untuk manipulasi di akhir array.
• Gunakan unshift() dan shift() untuk manipulasi di awal array.
• Semua method ini mengubah array asli (mutasi).

Dengan memahami method-method ini, Anda dapat memanipulasi array di Javascript dengan lebih efektif dan efisien.