Bekerja dengan Array dan Tuple TypeScript

TypeScript memperluas JavaScript dengan fitur tipe tambahan, sehingga memudahkan Anda bekerja dengan struktur data kompleks seperti array dan tuple. Panduan ini akan memperkenalkan Anda pada array dan tuple dalam TypeScript, termasuk cara mendefinisikan, memanipulasi, dan menggunakannya secara efektif.

Array TypeScript

Array dalam TypeScript mirip dengan array dalam JavaScript tetapi memiliki manfaat tambahan berupa anotasi tipe. Ini memastikan bahwa semua elemen dalam array sesuai dengan tipe tertentu.

Mendefinisikan Array

Untuk mendefinisikan array dalam TypeScript, Anda menentukan tipe elemennya diikuti oleh []:

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];

Dalam contoh ini, angka merupakan larik dari angka dan nama merupakan larik dari string.

Metode Array

Array TypeScript mendukung berbagai metode yang mirip dengan array JavaScript. Berikut ini beberapa metode umum:

• push(): Menambahkan elemen ke akhir array.
• pop(): Menghapus elemen terakhir dari array.
• shift(): Menghapus elemen pertama dari array.
• unshift(): Menambahkan elemen ke awal array.
• map(): Membuat array baru dengan menerapkan fungsi ke setiap elemen.

Contoh Array

let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6); // [1, 2, 3, 4, 5, 6]
let doubled = numbers.map(n => n * 2); // [2, 4, 6, 8, 10, 12]

Tuple TypeScript

Tuple adalah jenis array khusus dalam TypeScript di mana setiap elemen dapat memiliki tipe yang berbeda. Tuple berguna saat Anda perlu bekerja dengan sejumlah elemen tetap dengan tipe yang berbeda-beda.

Mendefinisikan Tuple

Untuk mendefinisikan tupel, gunakan tanda kurung siku [] dengan tipe yang ditentukan untuk setiap elemen:

let person: [string, number] = ["Alice", 30];

Dalam contoh ini, orang merupakan tupel yang elemen pertamanya berupa string dan elemen kedua berupa angka.

Mengakses Elemen Tuple

Mengakses elemen tupel menggunakan indeksnya, mirip dengan array:

let person: [string, number] = ["Alice", 30];
let name = person[0]; // "Alice"
let age = person[1]; // 30

Tuple dengan Elemen Opsional

Tuple juga dapat menyertakan elemen opsional:

let person: [string, number?] = ["Alice"];
let personWithAge: [string, number?] = ["Bob", 30];

Dalam contoh ini, elemen kedua dalam tupel bersifat opsional.

Kesimpulan

Array dan tuple TypeScript menawarkan cara yang ampuh untuk menangani koleksi data dengan keamanan tipe yang kuat. Dengan memahami cara mendefinisikan, memanipulasi, dan menggunakan array dan tuple, Anda dapat menulis kode yang lebih tangguh dan mudah dipelihara. Gunakan array untuk daftar data homogen dan tuple untuk koleksi berukuran tetap dengan data heterogen.