Cara Menambahkan List ke List Lain di JavaScript
Dalam pengembangan web, seringkali kita perlu menggabungkan beberapa list menjadi satu list tunggal. JavaScript menyediakan beberapa cara untuk mencapai hal ini. Berikut adalah beberapa metode umum yang bisa digunakan:
1. Menggunakan concat()
Metode concat() membuat sebuah array baru yang berisi semua elemen dari array yang dipanggil dan semua array yang diberikan sebagai argumen.
const list1 = ['apel', 'pisang', 'jeruk'];
const list2 = ['mangga', 'durian'];
const combinedList = list1.concat(list2);
console.log(combinedList); // Output: ['apel', 'pisang', 'jeruk', 'mangga', 'durian']
2. Menggunakan Spread Syntax (...)
Spread syntax (...) memungkinkan kita untuk memasukkan elemen dari satu array ke array lainnya.
const list1 = ['apel', 'pisang', 'jeruk'];
const list2 = ['mangga', 'durian'];
const combinedList = [...list1, ...list2];
console.log(combinedList); // Output: ['apel', 'pisang', 'jeruk', 'mangga', 'durian']
3. Menggunakan push()
Metode push() menambahkan elemen baru ke akhir array yang dipanggil. Kita bisa menggunakan metode ini untuk menambahkan setiap elemen dari satu list ke list lain secara bergantian.
const list1 = ['apel', 'pisang', 'jeruk'];
const list2 = ['mangga', 'durian'];
for (let i = 0; i < list2.length; i++) {
list1.push(list2[i]);
}
console.log(list1); // Output: ['apel', 'pisang', 'jeruk', 'mangga', 'durian']
4. Menggunakan unshift()
Metode unshift() menambahkan elemen baru ke awal array yang dipanggil. Kita bisa menggunakan metode ini untuk menambahkan setiap elemen dari satu list ke awal list lain secara bergantian.
const list1 = ['apel', 'pisang', 'jeruk'];
const list2 = ['mangga', 'durian'];
for (let i = 0; i < list2.length; i++) {
list1.unshift(list2[i]);
}
console.log(list1); // Output: ['mangga', 'durian', 'apel', 'pisang', 'jeruk']
5. Menggunakan splice()
Metode splice() memungkinkan kita untuk menambahkan elemen baru ke array yang dipanggil pada posisi tertentu. Kita bisa menggunakan metode ini untuk menambahkan semua elemen dari satu list ke list lain pada posisi tertentu.
const list1 = ['apel', 'pisang', 'jeruk'];
const list2 = ['mangga', 'durian'];
list1.splice(2, 0, ...list2);
console.log(list1); // Output: ['apel', 'pisang', 'mangga', 'durian', 'jeruk']
Pilihan metode yang tepat tergantung pada kebutuhan dan preferensi Anda. Namun, umumnya metode concat() dan spread syntax (...) lebih mudah digunakan dan efisien.