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.
Tantangan
MudahTulis 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+)
2Ayo menyelam lebih dalam
Cakupan blok: let & constFungsi panahSpread dan Restfor - of loopClassPromiseAsync & AwaitLatihan sendiri: Compiler JavaScript online