Gabungkan Array dengan Fungsi Array Concat
Mengelola data dalam JavaScript sering kali melibatkan array. Kadang-kadang, kamu perlu menggabungkan beberapa array menjadi satu tanpa merusak array aslinya. Nah, di sinilah fungsi Array.concat()
jadi solusi andalan. Fungsi ini memungkinkan kamu menggabungkan dua atau lebih array dengan mudah, sekaligus menjaga data aslinya tetap utuh.
Yuk, kita pelajari lebih dalam tentang bagaimana cara kerja concat()
, penggunaannya, dan beberapa contoh aplikasinya.
Apa Itu Array.concat()
?
concat()
adalah metode bawaan JavaScript yang digunakan untuk menggabungkan dua atau lebih array menjadi satu array baru. Metode ini bekerja dengan cara yang non-destruktif, artinya array aslinya tidak akan berubah.
Sintaks:
array1.concat(array2, array3, ...);
array1
: Array utama yang menjadi dasar penggabungan.array2, array3, ...
: Array atau elemen tambahan yang ingin digabungkan.
Hasil:
Fungsi ini menghasilkan array baru yang berisi semua elemen dari array yang digabungkan.
Cara Menggunakan concat()
1. Gabungkan Dua Array
Menggabungkan dua array adalah kasus paling sederhana.
let angka1 = [1, 2, 3];
let angka2 = [4, 5, 6];
let gabungan = angka1.concat(angka2);
console.log(gabungan);
Output:
[1, 2, 3, 4, 5, 6]
2. Gabungkan Lebih dari Dua Array
Kamu juga bisa menggabungkan lebih dari dua array dalam satu panggilan fungsi.
let array1 = ["A", "B"];
let array2 = ["C", "D"];
let array3 = ["E", "F"];
let hasil = array1.concat(array2, array3);
console.log(hasil);
Output:
["A", "B", "C", "D", "E", "F"]
3. Gabungkan Array dan Elemen Tunggal
Selain array, kamu juga bisa menambahkan nilai tunggal ke dalam hasil penggabungan.
let nama = ["Ali", "Budi"];
let gabungan = nama.concat("Citra", "Dewi");
console.log(gabungan);
Output:
["Ali", "Budi", "Citra", "Dewi"]
4. Array Bersarang
Kalau kamu mencoba menggabungkan array bersarang, concat()
tidak akan secara otomatis melebur array dalam array.
let array1 = [1, 2];
let array2 = [[3, 4]];
let gabungan = array1.concat(array2);
console.log(gabungan);
Output:
[1, 2, [3, 4]]
Studi Kasus Penggunaan concat()
1. Menggabungkan Data dari Sumber Berbeda
Misalnya, kamu punya daftar pelanggan lama dan pelanggan baru. Kamu bisa menggabungkannya menjadi satu array.
let pelangganLama = ["Pelanggan A", "Pelanggan B"];
let pelangganBaru = ["Pelanggan C", "Pelanggan D"];
let semuaPelanggan = pelangganLama.concat(pelangganBaru);
console.log(semuaPelanggan);
Output:
["Pelanggan A", "Pelanggan B", "Pelanggan C", "Pelanggan D"]
2. Menggabungkan Hasil Filter
Kamu bisa menggabungkan hasil dari beberapa filter pada array.
let angka = [1, 2, 3, 4, 5];
let ganjil = angka.filter(num => num % 2 !== 0); // [1, 3, 5]
let genap = angka.filter(num => num % 2 === 0); // [2, 4]
let gabungan = ganjil.concat(genap);
console.log(gabungan);
Output:
[1, 3, 5, 2, 4]
3. Menambahkan Elemen Default
Gunakan concat()
untuk menambahkan elemen default ke dalam array.
let pengguna = ["User1", "User2"];
let defaultUser = ["Guest"];
let semuaPengguna = defaultUser.concat(pengguna);
console.log(semuaPengguna);
Output:
["Guest", "User1", "User2"]
Alternatif: Spread Operator
Selain concat()
, kamu juga bisa menggunakan spread operator (...
) untuk menggabungkan array. Metode ini lebih ringkas dan sering digunakan dalam kode modern.
let array1 = [1, 2, 3];
let array2 = [4, 5, 6];
let gabungan = [...array1, ...array2];
console.log(gabungan);
Output:
[1, 2, 3, 4, 5, 6]
Kelebihan dan Kekurangan concat()
Kelebihan:
- Sederhana: Mudah dipahami bahkan oleh pemula.
- Non-destruktif: Array asli tetap utuh.
- Fleksibel: Mendukung penggabungan array dan nilai tunggal.
Kekurangan:
- Kurang Optimal untuk Data Besar: Untuk array besar, metode ini bisa lebih lambat dibandingkan spread operator.
- Tidak Melebur Array Bersarang: Array dalam array tetap menjadi nested array.
Kesimpulan
Fungsi Array.concat()
adalah alat yang sangat berguna untuk menggabungkan array di JavaScript. Metode ini menawarkan cara yang sederhana dan aman untuk mengelola data tanpa mengubah array asli. Baik untuk menggabungkan data pelanggan, hasil filter, atau menambahkan elemen baru, concat()
bisa jadi pilihan utama.
Coba gunakan concat()
dalam proyekmu, dan eksplorasi berbagai kemungkinannya. Kalau kamu mau cara yang lebih modern, jangan lupa coba juga spread operator. Selamat coding dan semoga artikel ini membantu!