Install Web App

Belajar Typescript #19 | Basic types lanjutan - Array

profil-penulis

Edo Kurniawan

24 Februari 2023

Array adalah salah satu struktur data yang umum digunakan dalam pemrograman. Di

Array adalah struktur data yang umum digunakan dalam pemrograman untuk menyimpan dan mengelola kumpulan data. TypeScript menyediakan dukungan kuat untuk bekerja dengan array, termasuk penanganan tipe data yang lebih ketat daripada JavaScript murni. Artikel ini akan membahas apa itu array dalam TypeScript, cara mendefinisikan dan menginisialisasi array, serta bagaimana mengakses dan memanipulasi data dalam array.

Apa Itu Array dalam TypeScript?

Array adalah kumpulan elemen dengan tipe data yang sama atau serupa, yang disimpan dalam urutan tertentu. Dalam TypeScript, Anda dapat mendefinisikan tipe data dari elemen-elemen dalam array, sehingga TypeScript dapat memberikan pemeriksaan tipe data yang ketat saat mengakses atau memanipulasi elemen-elemen tersebut. Ini membantu mencegah kesalahan tipe data pada saat runtime.

Mendefinisikan dan Menginisialisasi Array

Mendefinisikan Array

Anda dapat mendefinisikan tipe array dengan menggunakan tanda [] setelah tipe data elemen dalam TypeScript. Contoh:

 
let numbers: number[]; // Array of numbers let names: string[]; // Array of strings

Anda juga dapat menggunakan generik array, yang memungkinkan Anda menentukan tipe data elemen saat deklarasi:

 
let fruits: Array<string>; // Array of strings
Menginisialisasi Array

Ada beberapa cara untuk menginisialisasi array:

1. Menggunakan []

Anda dapat menginisialisasi array menggunakan tanda kurung siku []:

let colors: string[] = ["red", "green", "blue"];

2. Menggunakan Array Constructor

Anda dapat menggunakan konstruktor Array untuk menginisialisasi array:

let numbers: number[] = new Array(1, 2, 3, 4, 5);

3. Menggunakan Array Literals

Anda dapat menggunakan array literals untuk menginisialisasi array:

let animals: string[] = ["cat", "dog", "elephant"];

Mengakses Elemen dalam Array

Anda dapat mengakses elemen dalam array dengan menggunakan indeks elemen, di mana indeks dimulai dari 0. Contoh:

let fruits: string[] = ["apple", "banana", "cherry"];
console.log(fruits[0]); // Output: "apple"

Memanipulasi Array

TypeScript menyediakan banyak metode bawaan untuk memanipulasi array, seperti push, pop, shift, unshift, splice, dan banyak lagi. Contoh:

let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6);       // Menambahkan elemen ke akhir array
numbers.pop();         // Menghapus elemen terakhir
numbers.shift();       // Menghapus elemen pertama
numbers.unshift(0);    // Menambahkan elemen di awal
numbers.splice(2, 1);  // Menghapus elemen di indeks 2

Iterasi Array

Anda dapat menggunakan loop for, for...of, atau metode forEach untuk mengiterasi array:

 
let fruits: string[] = ["apple", "banana", "cherry"];

// Menggunakan for loop
for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

// Menggunakan for...of loop
for (let fruit of fruits) {
  console.log(fruit);
}

// Menggunakan forEach
fruits.forEach(function (fruit) {
  console.log(fruit);
});

 

Kesimpulan

Array adalah struktur data penting dalam pemrograman, dan TypeScript menyediakan dukungan yang kuat untuk bekerja dengan array. Dengan tipe data yang ketat dan metode bawaan, Anda dapat mengelola data dalam array dengan lebih baik dan mengurangi kemungkinan kesalahan tipe data. Memahami penggunaan array dalam TypeScript adalah kunci dalam pengembangan aplikasi yang kuat dan andal.

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