ES2015 – Destructuring

Destructuring merupakan fitur dari ES2015. Dapat diimplementasikan menggunakan TypeScript.

Buka file app.ts, lalu tambahkan code berikut:

var arr = [123, "Beli Indomie", false];
var [id, title, completed] = arr;

Dari code diatas, dapat kita simpulkan destructuring memudahkan kita dalam inisialisasi variable dari satu bentuk ke bentuk lainnya.

Jika Anda compile dan lihat file app.js, maka dapat Anda bandingkan

var arr = [123, "Beli Indomie", false];
var id = arr[0], title = arr[1], completed = arr[2];

Destructuring juga berguna jika kita akan melakukan swaping variable.

var a = 1;
var b = 2;

[a, b] = [b, a];

Kita juga dapat melakukan destructring object. Masukan kode berikut pada app.ts.

var todo ={
    id: 1,
    title: "Beli Indomie",
    completed: false
}

var {id, title, completed} = todo;

Jika kita lihat pada file app.js, akan diubah menjadi seperti berikut:

var todo = {
    id: 1,
    title: "Beli Indomie",
    completed: false
};
var id = todo.id, title = todo.title, completed = todo.completed;