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

Generic placeholder image
Oriza Sahputra menjawab 5 hari yang lalu

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