Belajar Typescript #20 | Basic types lanjutan - Tuples

profil-penulis

Robert Saputra

24 Februari 2023

Tuples adalah fitur unik dalam TypeScript yang memungkinkan Anda untuk mendefinisikan tipe data untuk kumpulan elemen dengan jumlah yang tetap dan tipe data yang telah ditentukan. Artikel ini akan menjelaskan apa itu tuples, bagaimana cara mendefinisikan dan menggunakannya, serta situasi di mana tuples sangat berguna.

Apa Itu Tuples dalam TypeScript?

Tuples adalah tipe data yang memungkinkan Anda untuk menggabungkan beberapa tipe data yang berbeda ke dalam satu tipe data yang diberi nama. Tuples memiliki panjang tetap dan tipe data untuk setiap elemen yang telah ditentukan. Ini memungkinkan Anda untuk menggambarkan secara jelas dan pasti format data yang diharapkan dalam kode Anda.

Cara Mendefinisikan Tuples

Anda dapat mendefinisikan tuples dalam TypeScript dengan cara berikut:

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

Pada contoh di atas, kita mendefinisikan tuple person yang memiliki dua elemen. Elemen pertama adalah tipe data string, dan elemen kedua adalah tipe data number. Panjang tuple dan tipe data setiap elemennya harus sesuai dengan deklarasi.

Mengakses Elemen dalam Tuples

Anda dapat mengakses elemen dalam tuples menggunakan indeks, sama seperti dalam array:

let name: string = person[0]; // Mengakses elemen pertama
let age: number = person[1];  // Mengakses elemen kedua

Memanipulasi Tuples

Anda dapat mengganti nilai dalam tuples, namun pastikan bahwa tipe datanya sesuai dengan deklarasi asli:

person[0] = "Alice";  // Mengganti nama menjadi "Alice"
person[1] = 25;       // Mengganti usia menjadi 25

Menggunakan Tuples dengan Struktur yang Lebih Kompleks

Tuples juga dapat digunakan dalam situasi dengan struktur yang lebih kompleks. Misalnya, dalam kasus data berulang yang memiliki tipe data berbeda untuk setiap elemen:

let data: [string, number, boolean] = ["Alice", 30, true];

Kegunaan Tuples

Tuples sangat berguna dalam situasi-situasi berikut:

  1. Pemrosesan Data dengan Format Tertentu: Ketika Anda bekerja dengan data yang memiliki format yang sangat spesifik dan terstruktur, seperti data CSV, XML, atau hasil dari panggilan API.

  2. Array Multidimensi: Anda dapat menggunakan tuples untuk menggambarkan array multidimensi dengan tipe data yang berbeda untuk setiap elemen.

let matrix: [number, string][] = [[1, "One"], [2, "Two"], [3, "Three"]];
  1. Pengembalian Fungsi: Tuples sering digunakan sebagai tipe pengembalian dari fungsi yang mengembalikan beberapa nilai dengan tipe data yang berbeda.
function getPersonInfo(): [string, number] {
  return ["Alice", 25];
}

Kesimpulan

Tuples adalah fitur unik dalam TypeScript yang memungkinkan Anda mendefinisikan tipe data untuk kumpulan elemen dengan jumlah yang tetap dan tipe data yang telah ditentukan. Tuples sangat berguna dalam menggambarkan format data yang spesifik dan dalam situasi-situasi di mana tipe data dari setiap elemen sangat jelas. Dengan pemahaman yang baik tentang tuples, Anda dapat meningkatkan kejelasan dan ketepatan tipe data dalam kode Anda.

Artikel Lainnya Dengan Kategori Terkait :


1. Belajar Typescript #01 | Memahami apa itu Typescript

2. Belajar Typescript #02 | Setup project Typescript

3. Belajar Typescript #03 | Konfigurasi compiler Typescript

4. Belajar Typescript #04 | Membuat code dan menjalankan Typescript

5. Belajar Typescript #05 | Basic types pada Typescript

6. Belajar Typescript #06 | Type data Boolean pada Typescript

7. Belajar Typescript #07 | Type data Number pada Typescript

8. Belajar Typescript #08 | Type data String pada Typescript

9. Belajar Typescript #09 | Type data Null dan Undefined pada Typescript

10. Belajar Typescript #10 | Type data Any pada Typescript

11. Belajar Typescript #11 | Type data Void pada Typescript

12. Belajar Typescript #12 | Object types pada Typescript

13. Belajar Typescript #13 | Object Literal pada Typescript

14. Belajar Typescript #14 | Type data Void pada Typescript

15. Belajar Typescript #15 Object types pada Typescript

16. Belajar Typescript #16 | Memahami dan menerapkan type aliases

17. Belajar Typescript #17 | Memahami dan menerapkan union types

18. Belajar Typescript #18 | Memahami dan menerapkan intersection types

19. Belajar Typescript #19 | Basic types lanjutan - Array

20. Belajar Typescript #20 | Basic types lanjutan - Tuples

21. Belajar Typescript #21 | Basic types lanjutan - Null

22. Belajar Typescript #22 | Basic types lanjutan - Undefined

23. Belajar Typescript #23 | Basic types lanjutan - Void

24. Belajar Typescript #24 | Basic types lanjutan - Never

25. Belajar Typescript #25 | Mengenal teknik lanjutan pada Typescript

26. Belajar Typescript #26 | Optional Parameter

27. Belajar Typescript #27 | Default Parameter

28. Belajar Typescript #28 | Return Type

29. Belajar Typescript #29 | Mendeklarasikan Fungsi - Tanpa Parameter

30. Belajar Typescript #30 | Mendeklarasikan Fungsi - Dengan Parameter

31. Belajar Typescript #31 | Mendeklarasikan Fungsi - Dengan Return Type

32. Belajar Typescript #32 | Mendeklarasikan Fungsi - Sebagai Variabel

33. Belajar Typescript #33 | Mendeklarasikan Fungsi - Sebagai Tipe Data

34. Belajar Typescript #34 | Function Call Signature

35. Belajar Typescript #35 | Menerapkan Types ke dalam class

36. Belajar Typescript #36 | Class declaration

37. Belajar Typescript #37 | Properties dan Methods

38. Belajar Typescript #38 | Object dan Properti dari sebuah class

39. Belajar Typescript #39 | Constructor

40. Belajar Typescript #40 | Konsep OOP - Inheritance

41. Belajar Typescript #41 | Konsep OOP - Abstraction

42. Belajar Typescript #42 | Konsep OOP - Encapsulation

43. Belajar Typescript #43 | Accessors

44. Belajar Typescript #44 | Member visibility / Access modifier

45. Belajar Typescript #45 | Konsep OOP Polymorphism

46. Interfaces TypeScript

Masuk Terlebih dahulu untuk berkomentar

Paling baru
Lihat Lainnya