PROMO HARI KABISAT, DISKON 55%. Termurah Sepanjang Sejarah CODEPOLITAN Klaim Promo

Bagaimana cara kerja destructing ?

Ditanyakan pada tanggal 5 October 2019 oleh Arif Budiman

Pada kasus dgn cth code berikut: var huruf = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'] var [hurufPertama] = huruf console.log(hurufPertama) // hasil : 'a'

Kenapa syntax "console.log(hurufPertama) " menghasilkan huruf a ?

1 JAWABAN / 0 KOMENTAR

User avatar
Ahmad Oriza menjawab pada tanggal 8 October 2019

Hai mas,

Mungkin yang dimaksud adalah destructuring bukan destructing.

Sesuai dengan judulnya, destructuring yang artinya destrukturisasi adalah mengubah struktur array sesuai dengan urutannya mas. Jadi dalam menggil array/object kita bisa menggunakan nama index yang baru. Mengapa hurufPertama bisa mengeluarkan a karena dia adalah index terdepan.

Pada kode berikut :

var huruf = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];
var [hurufPertama] = huruf; // hurufPertama adalah 1 1 nya index, sehingga akan mengarah ke index 1, dan menghasilkan value a
console.log(hurufPertama);

Mari kita lihat kode eksperimen berikut :

var huruf = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];
var [hurufPertama, hurufKedua] = huruf;
console.log(hurufKedua);

Kode tersebut akan menghasilkan b karena hurufKedua disimpan setelah hurufPertama.

Kita bisa juga bebas menggunakan kata lain kok, asal urutannya sesuai, seperti :

var kota = ['Jakarta', 'Bandung', 'Jogja'];
var [satu, dua, tiga] = kota;
console.log(tiga); // Menghasilkan output Jogja