Implementasi Data Destructuring ES6 React Native— Ngoding jadi lebih singkat

Aditya Putra Pratama
2 min readSep 28, 2020

--

Javascript Es6 membawa fitur baru yang wah dan mempermudah developer javascript diantaranya const dan let, arrow function dan data destructuring, namun yang akan di bahas saat ini adalah data destructuring.

Sumber: Unsplash

Data Destructuring

Dalam implementasinya fitur ini mempersingkat kodingan, data destructuring berfungsi untuk mendefenisikan object maupun array. mari kita lihat perbandingan dua function di bawah

tanpa menggunakan data destructuring
menggunakan data destructuring

Terlihat lebih singkat dan bersih bukan

nah sekarang coba kita lihat bagaimana peranan data destructuring dalam mengambil variabel array

set array menggunakan data destructuring

dalam array di atas, array pertama di aliaskan dengan firstname dan array ke 2 di aliaskan lastname

set array tanpa menggunakan data destructuring

Terlihat perbandingannya dengan menggunakan data destructuring kodingan jadi lebih terstruktur.

Sekian tulisan pertama saya, mohon maaf jika ada kesalahan.

--

--

Aditya Putra Pratama
Aditya Putra Pratama

Written by Aditya Putra Pratama

Exploring the intersections of technology and humanity. Seeking insights and sharing discoveries.

No responses yet