Menu
CoddyTech

Spread dan Rest

Pelajaran 5 dari 9 dalam kursus Bagian Rumit JavaScript Modern (ES6+) di Coddy.

Di Javascript, operator <strong>...</strong> (tiga titik) dapat digunakan untuk dua jenis pekerjaan!

Spread

<strong>...</strong> dapat digunakan untuk meneruskan elemen-elemen array sebagai parameter terpisah ke fungsi

let array1 = [1,2,3];
Math.max(...array1); // persis sama dengan Math.max(1,2,3)

Operator ini juga digunakan untuk menyalin array ke dalam array lain atau menyalin property dari satu object literal ke object literal lain.

let arr1 = [1,2,3];
let arr2 = [6,7,8];
let final = [...arr1, 4, 5, ...arr2]; // [1,2,3,4,5,6,7,8]

let obj1 = {name:"Shubham"};
let obj2= {work: "Software Development"};
let finalObj = {...name,...work}; // {name:"Shubham",work:"Software Development"}

Rest

<strong>...</strong> dapat digunakan untuk mengumpulkan semua parameter fungsi yang tersisa ke dalam sebuah array

function sum(a,b,...rest){
	console.log("rest parameters : ", rest); 
}

sum(1,2,3,4,5,6) //parameter rest: [3,4,5,6]

Parameter rest harus selalu menjadi parameter terakhir. function sum(a, ...rest , b){ } tidak akan berfungsi.

challenge icon

Tantangan

Mudah

Tulis fungsi untuk menyalin property dari obj1 & obj2, lalu kembalikan object baru yang memiliki property dari kedua object tersebut.

Coba sendiri

function combineObjects(obj1, obj2) {
    // Tulis kodemu di sini
}

Semua pelajaran di Bagian Rumit JavaScript Modern (ES6+)

Latihan sendiri: Compiler JavaScript online