> For the complete documentation index, see [llms.txt](https://themas.gitbook.io/javascript-function/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themas.gitbook.io/javascript-function/function-javascript/destructuring.md).

# Destructuring

Destructuring adalah fitur yang bisa digunakan untuk membongkar value-value di array atau object ke dalam variable-variable

{% hint style="info" %}

* Fitur ini sangat mempermudah kita ketika ingin mengambil data dari array atau object tanpa harus melakukan pengambilan data satu persatu
  {% endhint %}

**Kode : Mengambil Data di Array**

![](https://lh4.googleusercontent.com/wIVSk3bUvmq56dGWC4n9FJjS7Vd65AgK5ecZfXXxm5wWiV9z9IhKxjYtHsO8BehvHr9291jB6gCMQcA_OyjT3qkMaHPGIuCIRYPwz15fj9mC30FnVARc0kfmuoyrecoGvmCsZuCgeE8_JmaounPbjw)

**Kode : Destructuring Array**

![](https://lh3.googleusercontent.com/oIsJknUQTm1jyMy5w4YgIRkAkoazo2L7b9PuwtoDK_8qfGqtmJfrIZcx9U6TUJ4Cj7mtVuMKKERyS2KoBdi953Rladu34ogQRwN0A8IRhDZVJU1HIcNIOQai2VBfNPQGn_hjXy_kcu_3ovKsUOWDmw)

**Kode : Mengambil Data di Object**

![](https://lh5.googleusercontent.com/N7ix1UjHa3lmzC2PYnajZV0eHpbNw2WG_kIglhHPMVduil3kXDJHN-tOV5BOLRm3yiXsioje9Tgq4MUcCdrgMfIxEUd3XN7Udv1I-0cH7fTErBRcDd27Y42LCf5D36KZ_ctSWGMDmucDeOWVCVEDPA)

**Kode : Destructuring Object**

![](https://lh5.googleusercontent.com/wtHBeWJUXT8EpQsGf9qtPSbJolUY0a49vMnDkIofd_UwrtnUvuBT6Zuwe38T6MhtKKNwyVjQ4jNqo2TicnWU4UuEK1qMH4DjKN91-wlKPU1Lyi6ojrtUgb21MK1_KYGqZaTtugnCjwPH6NRjpzNBNg)

### **Default Value**

Yang paling menarik di destructuring adalah, kita bisa menambahkan default value

Jadi misal kita kita melakukan destructuring terhadap array, ternyata tidak ada datanya, maka kita bisa menambahkan default value

Begitu juga pada object, jika ternyata property nya tidak ada, maka kita bisa menambahkan default value

**Kode : Default Value Destructuring Array**

![](https://lh3.googleusercontent.com/nMuWuD7ImmYnH2dyU8n4MhEF1vMFFgq4RO5fZoTHy7Yq7x3gMMJF63FfQoMOeIlrIsQN00IZS3q84q_A8UulCzyFSiORyh0lUWyILtc_gVQs5m32x5hOvefZZ0bR5n7yes32YkVv6xW9xqwv8ZgGOA)

**Kode : Default Value Destructuring Object**

![](https://lh4.googleusercontent.com/LjCV5W0SmKVB4p3yMrcemUzjghB2Nyive4FT00rOBZQnRfsH79G69zFOjeWhiiFONzOeLUN_VCb72vJ6uL4k0zGHDzx23icK5e3-TeBjM4Vcj_8p0vNvYtRg8DqO2Zg6syHRSvwEA336oBpNtj0r4Q)