Spread & Rest Operator di JavaScript: Satu Simbol, Dua Fungsi Kuat

1const angka = [1, 2, 3];
2const salinan = [...angka];
3
4console.log(salinan); // [1, 2, 3]
5

1const angka = [1, 2, 3];
2const salinan = [...angka];
3
4console.log(salinan); // [1, 2, 3]
5

1const satu = [1, 2];
2const dua = [3, 4];
3
4const gabung = [...satu, ...dua];
5
6console.log(gabung); // [1, 2, 3, 4]
7

1const satu = [1, 2];
2const dua = [3, 4];
3
4const gabung = [...satu, ...dua];
5
6console.log(gabung); // [1, 2, 3, 4]
7

1const user = { nama: "Ari", umur: 25 };
2const userLengkap = { ...user, kota: "Surabaya" };
3
4console.log(userLengkap); // { nama: "Ari", umur: 25, kota: "Surabaya" }
5

1const user = { nama: "Ari", umur: 25 };
2const userLengkap = { ...user, kota: "Surabaya" };
3
4console.log(userLengkap); // { nama: "Ari", umur: 25, kota: "Surabaya" }
5

1const teks = "Halo";
2const karakter = [...teks];
3
4console.log(karakter); // ['H', 'a', 'l', 'o']
5

1const teks = "Halo";
2const karakter = [...teks];
3
4console.log(karakter); // ['H', 'a', 'l', 'o']
5

1function hitungJumlah(...angka) {
2  return angka.reduce((total, nilai) => total + nilai, 0);
3}
4
5console.log(hitungJumlah(1, 2, 3, 4)); // 10
6

1function hitungJumlah(...angka) {
2  return angka.reduce((total, nilai) => total + nilai, 0);
3}
4
5console.log(hitungJumlah(1, 2, 3, 4)); // 10
6

1const [pertama, ...sisa] = [10, 20, 30, 40];
2
3console.log(pertama); // 10
4console.log(sisa);    // [20, 30, 40]
5

1const [pertama, ...sisa] = [10, 20, 30, 40];
2
3console.log(pertama); // 10
4console.log(sisa);    // [20, 30, 40]
5

1const user = { nama: "Lia", umur: 23, hobi: "membaca" };
2const { nama, ...lainnya } = user;
3
4console.log(nama);    // Lia
5console.log(lainnya); // { umur: 23, hobi: "membaca" }
6

1const user = { nama: "Lia", umur: 23, hobi: "membaca" };
2const { nama, ...lainnya } = user;
3
4console.log(nama);    // Lia
5console.log(lainnya); // { umur: 23, hobi: "membaca" }
6