Advance JavaScript 12 - destructuring assignment

Advance JavaScript 12 - destructuring assignment

Destructuring assignment adalah merupakan expression pada Javascript yang membuat Kita dapat membongkar Nilai dari array atau properti dari object kedalam variabel yang terpisah.

Contoh sederhana

Diatructuring array

const coba = ['satu','dua','tiga']

const [ a,b,c] = coba;

console.log(a) // satu
console.log(b) // dua
Console.log(c) // tiga

Jika ingin menampilkan satu Dan tiga itu kode nya seperti ini

const [ a,  ,c] = coba;

Dua nya hapus koma nya jangan

Object

const mhs = {
nama: 'gimasnur',
umur : 33,
email : 'gimassah@gmail.com'

};

const { nama, umur, email} = mhs;

console.log(nama) // nama
console.log(umur) // 33
console.log(email) // email

Swap items

Untuk menukar isinya contoh.

let a = 1
let b = 2
console.log(a)
console.log(b)
[a,b] = [b,a]
console.log(a)
console.log(b)

Return value pada function

function coba() {
return [1,2];

}

const [a,b]= coba()

console.log(a)
console.log(b)

Rest parameter

const [ a, ...values] = [ 1,2,3,4,5,6,7,8,9,10]
console.log(a)
console.log(values)

Assignment tanpa deklasasi object

({nama,umur } = {nama: "gimasn" umur:33});

console.log(nama)

Assignment ke variabel baru

const mhs = {
nama: 'gimasnur',
umur : 33,
email : 'gimassah@gmail.com'

};

const {nama: n ,umur : u} = mhs;

console.log(n)
console.log(u)

Memberikan default value = assignment ke variabel baru

const mhs = {
nama: 'gimasnur',
umur : 33,
email : 'gimassah@gmail.com'

};

const {nama: n ,umur : u = 'umur ga ada' } = mhs;

console.log(n)
console.log(u)

Mengambil field pada object ,setelah dikirim sebagai parameter untuk function

const mhs = {
Id : 21
nama: 'gimasnur',
umur : 33,
email : 'gimassah@gmail.com'

};

function getidmhs (mhs) {
return mhs.id;

}

console.log(getidmhs(mhs));