Javascript Append One Array To The End Of Another

Javascript Append One Array To The End Of Another

4 min read Jun 20, 2024
Javascript Append One Array To The End Of Another

Cara Menggabungkan Array di JavaScript

Dalam JavaScript, ada beberapa cara untuk menambahkan elemen dari satu array ke akhir array lainnya. Berikut adalah beberapa metode umum:

1. Menggunakan concat()

Metode concat() membuat array baru dengan menggabungkan satu atau lebih array ke array yang dipanggil. Metode ini tidak mengubah array asli.

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

const newArray = array1.concat(array2);

console.log(newArray); // Output: [1, 2, 3, 4, 5, 6]
console.log(array1); // Output: [1, 2, 3]
console.log(array2); // Output: [4, 5, 6]

2. Menggunakan Spread Syntax (...)

Spread syntax (...) memungkinkan Anda untuk memasukkan semua elemen dari sebuah array ke dalam array lain.

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

const newArray = [...array1, ...array2];

console.log(newArray); // Output: [1, 2, 3, 4, 5, 6]
console.log(array1); // Output: [1, 2, 3]
console.log(array2); // Output: [4, 5, 6]

3. Menggunakan push() (Memperbarui Array Asli)

Metode push() menambahkan satu atau lebih elemen ke akhir array yang dipanggil. Metode ini mengubah array asli.

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

array1.push(...array2);

console.log(array1); // Output: [1, 2, 3, 4, 5, 6]
console.log(array2); // Output: [4, 5, 6]

4. Menggunakan Array.prototype.slice.call() (Membuat Array Baru)

Metode ini membuat salinan array yang diubah dengan menggunakan slice dan call untuk mengubah array menjadi array seperti yang diinginkan.

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

const newArray = Array.prototype.slice.call(array1, 0).concat(array2);

console.log(newArray); // Output: [1, 2, 3, 4, 5, 6]
console.log(array1); // Output: [1, 2, 3]
console.log(array2); // Output: [4, 5, 6]

5. Menggunakan for loop

Jika Anda ingin memiliki kontrol yang lebih granular atas bagaimana Anda menambahkan elemen ke array, Anda dapat menggunakan for loop.

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

for (let i = 0; i < array2.length; i++) {
  array1.push(array2[i]);
}

console.log(array1); // Output: [1, 2, 3, 4, 5, 6]
console.log(array2); // Output: [4, 5, 6]

Kesimpulan

Metode yang Anda gunakan untuk menggabungkan array di JavaScript tergantung pada kebutuhan Anda. Jika Anda ingin membuat array baru tanpa mengubah array asli, gunakan concat() atau spread syntax. Jika Anda ingin memperbarui array asli, gunakan push(). Jika Anda ingin kontrol yang lebih granular atas proses penggabungan, gunakan for loop.

Related Post