Advance JavaScript 13 - destructuring function

Advance JavaScript 13 - destructuring function

Sebelumnya Kita melakukan destructur kepada array Dan object Kali ini Kita akan melakukan destructur kepada function
Kita akan liat bagaimana destructur ini berpengaruh kepada function.

Liat code ini

penjumlahanperkalian (a,b) {
return [a + b, a * b]

}

const jumlh = penjumlahanperkalian(2,3)[0];

const perkalian = penjumlahanperkalian(2,3)[1];

console.log(jumlh)
console.log(perkalian)

Ini Kita bisa Kita permudah dengan destructuring menjadi seperti ini

penjumlahanperkalian (a,b) {
return [a + b, a * b]

}

const [jumlah,Kali] = penjunlahanperkalian(2,3)

console.log(jumlah)
console.log(kali)

Nah bagaimana kalau kasus selanjutnya return value nya nambah jadi bukan hanya tambah sama Kali Saja Tapi jiga Ada bagi Dll.

Kalkulasi (a,b) {
return [a + b, a - b, a * b ,a / b]

}

const [tambah,kurang,Kali, bagi = 'tidak ada'] = kalkulasi(2,3)

console.log(jumlah)
console.log(kali)

Ini dengan array urutan nya harus benar Dan pan Kita tidak bisa var tambah ke di urutan kedua var Kali diurutan terakhir
Kalau kalian ingin tidak berpengaruh return value nya bisa kalian ganti menjadi object

Kalkulasi (a,b) {
return {
tambah : a + b,
kali: a * b,
bagi: a / b,
kurang: a - b

}

}

const [tambah,kurang,Kali, bagi = 'tidak ada'] = kalkulasi(2,3)

console.log(jumlah)
console.log(kali)

Sekarang menggunakan object destructuring  urutan tidak berpengaruh

Destructurturing function arguments

const mhs = {
nama: 'gimasnur',
umur: 23,
email: 'gimnuralamsah@gmail.com'

}

function cetakmhs(nama,umur){

return `hallo nama says ${mama}, saya ${umur} tahun`;

}

console.log(cetakmhs(mhs.nama, mhs.umur));

Atau bisa seperti ini

const mhs1 = {
nama: 'gimasnur',
umur: 23,
email: 'gimnuralamsah@gmail.com'

}

function cetakmhs(mhs){

return `hallo nama says ${mhs.nama}, saya ${mhs.umur} tahun`;

}

console.log(cetakmhs(mhs1));

Itu kalau tidak memakai destructuring sekarang kalau Kita mau pake diatructuring begini contoh code nya

const mhs1 = {
nama: 'gimasnur',
umur: 23,
email: 'gimnuralamsah@gmail.com'
Nilai : {
tugas:80,
uts: 40,
uas: 60,
}
}

function cetakmhs({nama,umur,nilai:{tugas,uts,uas }}){

return `hallo nama says ${nama}, saya ${umur} tahun Dan Nilai saya ${uas}`;

}

console.log(cetakmhs(mhs1));