Destructuring tuple

Termasuk bagian Pengantar TypeScript dalam perjalanan JavaScript di Coddy. Pelajaran 17 dari 73.

Mengakses elemen tuple berdasarkan indeks memang berfungsi dengan baik, tetapi ada cara yang lebih elegan untuk mengambil nilai dari tuple: destructuring. Fitur JavaScript ini berfungsi dengan baik pada tuple bertipe TypeScript, sehingga kamu dapat membongkar nilai tuple menjadi beberapa variabel terpisah dalam satu baris.

Destructuring array menggunakan tanda kurung siku di sisi kiri penugasan untuk membuat variabel baru yang sesuai dengan setiap posisi dalam tuple:

let userInfo: [number, string] = [42, "Alice"];
let [id, name] = userInfo;

console.log(id);   // 42 (TypeScript knows this is a number)
console.log(name); // "Alice" (TypeScript knows this is a string)

Tantangan

Mudah

Buat tuple bernama employee yang berisi sebuah angka (ID karyawan) diikuti string (nama karyawan). Inisialisasi dengan ID 1001 dan nama "Sarah Johnson".

Gunakan destructuring untuk mengambil nilai dari tuple employee ke dalam dua variabel terpisah bernama empId dan empName.

Buat tuple lain bernama coordinates yang berisi dua angka yang mewakili koordinat lintang dan bujur. Inisialisasi dengan nilai 40.7128 dan -74.0060.

Gunakan destructuring untuk mengambil nilai dari tuple coordinates ke dalam dua variabel terpisah bernama latitude dan longitude.

Cetak variabel hasil destructuring dengan urutan berikut, masing-masing pada baris terpisah:

Cetak ID karyawan
Cetak nama karyawan
Cetak lintang
Cetak bujur

Coba sendiri

// TODO: Tulis kodemu di sini
// Buat tuple karyawan dengan ID 1001 dan nama "Sarah Johnson"
// Gunakan destrukturisasi untuk mengambil empId dan empName
// Buat tuple koordinat dengan nilai 40.7128 dan -74.0060 (jangan gunakan 'location' sebagai nama variabel)
// Gunakan destrukturisasi untuk mengambil latitude dan longitude
// Cetak keempat variabel sesuai urutan yang ditentukan

// Cetak hasilnya (hapus tanda komentar dan ubah sesuai kebutuhan)
// console.log(empId);
// console.log(empName);
// console.log(latitude);
// console.log(longitude);

Uji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Pengantar TypeScript

Latihan sendiri: Playground TypeScript