Add Element To Beginning Of List Javascript

MUAZHAN

3 min read

·

Jun 22, 2024

43

Share

Menambahkan Elemen ke Awal Daftar (List) di JavaScript

Dalam JavaScript, kita dapat dengan mudah menambahkan elemen ke awal sebuah daftar (list) dengan menggunakan metode unshift(). Metode ini akan menambahkan satu atau lebih elemen ke awal array, dan mengembalikan panjang array yang diperbarui.

Berikut adalah contoh cara menambahkan elemen ke awal daftar:

const fruits = ["Apple", "Banana", "Orange"];

// Menambahkan "Strawberry" ke awal list
fruits.unshift("Strawberry");

// Menampilkan list yang diperbarui
console.log(fruits); // Output: ["Strawberry", "Apple", "Banana", "Orange"]

Penjelasan:

• Kita memiliki sebuah array fruits yang berisi tiga elemen: "Apple", "Banana", dan "Orange".
• Kita menggunakan metode unshift() untuk menambahkan elemen "Strawberry" ke awal array fruits.
• Setelah menambahkan elemen baru, kita mencetak array fruits yang diperbarui menggunakan console.log().

Penting:

• Metode unshift() akan mengubah array asli.
• Jika Anda ingin membuat salinan array baru dengan elemen baru di awal, gunakan slice() untuk membuat salinan array dan kemudian gunakan unshift() pada salinan tersebut.

Contoh dengan slice():

const fruits = ["Apple", "Banana", "Orange"];

// Membuat salinan array
const newFruits = fruits.slice();

// Menambahkan "Strawberry" ke awal salinan array
newFruits.unshift("Strawberry");

// Menampilkan array asli dan salinan
console.log(fruits); // Output: ["Apple", "Banana", "Orange"]
console.log(newFruits); // Output: ["Strawberry", "Apple", "Banana", "Orange"]

Keuntungan Menggunakan unshift():

• Mudah digunakan: Metode ini sangat mudah digunakan dan dipahami.
• Efisien: Metode unshift() relatif efisien untuk menambahkan elemen ke awal array, meskipun performanya bisa menjadi lebih lambat jika array sangat besar.

Catatan:

• Jika Anda perlu menambahkan elemen ke akhir daftar, gunakan metode push().
• Untuk informasi lebih lanjut tentang metode unshift(), silakan merujuk ke dokumentasi resmi JavaScript.