tuple Readonly

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

Sama seperti kamu dapat membuat array tidak dapat diubah dengan modifier readonly, TypeScript memungkinkanmu membuat tuple readonly yang tidak dapat diubah setelah inisialisasi. Ini memberikan manfaat imutabilitas yang sama untuk data terstruktur dengan panjang tetap.

Saat kamu menambahkan readonly sebelum tipe tuple, TypeScript mencegah perubahan apa pun pada elemen tuple tersebut.

Ini berarti kamu tidak dapat menetapkan ulang nilai pada posisi tertentu atau menggunakan method yang akan mengubah isi tuple:

let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];

Modifier readonly sangat berguna untuk tuple karena sering kali tuple merepresentasikan data terstruktur yang penting, seperti koordinat, nilai warna RGB, atau catatan database yang tidak boleh berubah setelah dibuat.

Tantangan

Mudah

Buat tuple readonly bernama startPoint yang mewakili titik 2D dengan dua angka (koordinat x dan y). Inisialisasi dengan nilai 0 dan 0.

Buat tuple readonly lainnya bernama colorRGB yang mewakili nilai warna RGB dengan tiga angka (merah, hijau, biru). Inisialisasi dengan nilai 255, 128, dan 64.

Buat tuple readonly ketiga bernama userRecord yang menyimpan angka (ID pengguna), string (nama pengguna), dan boolean (status aktif). Inisialisasi dengan nilai 42, "admin", dan true.

Cetak ketiga tuple readonly ke konsol pada baris terpisah sesuai urutan pembuatannya.

Coba sendiri

// TODO: Tulis kodemu di sini
// Buat tiga tuple yang hanya bisa dibaca seperti dijelaskan dalam tantangan

// Cetak ketiga tuple

Uji dirimu

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

Semua pelajaran di Pengantar TypeScript

Latihan sendiri: Playground TypeScript