Array dan Objek

Array

Selanjutnya, mari kita bahas Array. Array adalah seperti lemari yang bisa kita gunakan untuk menyimpan banyak barang sekaligus.

Mengingat Array

Bayangkan kamu punya sebuah lemari yang berisi berbagai jenis buah, seperti apel, pisang, dan ceri. Kamu bisa menaruh semua buah-buahan tersebut dalam satu tempat, yaitu dalam lemari tersebut.

Dalam dunia pemrograman, Array bekerja persis seperti itu. Kamu bisa membuat sebuah Array yang berisi sejumlah nilai atau data, seperti angka-angka atau nama-nama. Misalnya:

const buah = ['apel', 'pisang', 'ceri'];

Kode di atas membuat sebuah Array yang berisi nama-nama buah. Kita bisa mengakses setiap elemen dalam Array ini dengan menggunakan indeks. Indeks ini seperti nomor loker di dalam lemari yang kita gunakan untuk mengambil barang.

const buahKesukaan = buah[0]; // Ini akan mengambil 'apel' dari Array.

Type Checking dalam Array

Array dalam TypeScript adalah seperti dalam JavaScript, tetapi dengan tambahan fitur pemeriksaan tipe statis. Mari lihat contoh:

const angka: number[] = [1, 2, 3, 4, 5];
const nama: string[] = ['Alice', 'Bob', 'Charlie'];

Di sini, kita mendefinisikan dua Array, satu untuk angka dan satu lagi untuk nama. Dengan menambahkan : number[] dan : string[], kita memberi tahu TypeScript tentang tipe data yang diperbolehkan dalam Array tersebut.

TypeScript akan memberi tahu jika kita mencoba memasukkan jenis data yang tidak sesuai ke dalam Array. Misalnya, jika kita mencoba ini:

angka.push('Enam'); // Ini akan menghasilkan kesalahan karena 'Enam' bukan angka.

TypeScript akan memberi tahu kita bahwa 'Enam' bukanlah tipe data yang diizinkan dalam Array angka. Bentuk errornya:

Argument of type 'string' is not assignable to parameter of type 'number'.(2345)

Penggunaan Array Generik:

Kita juga bisa menulis tipe data array dengan cara seperti ini:

const nama: Array<string> = ['Alice', 'Bob', 'Charlie'];

Yang artinya sama atau ekuivalen dengan deklarasi sebelumnya:

const nama: string[] = ['Alice', 'Bob', 'Charlie'];

Objek

Objek mirip dengan array, namun Objek memiliki key dalam bentuk string yang berfungsi sebagai index untuk mengakses value yang ada di dalamnya.

Type Checking dalam Objek

const pengguna: { nama: string; usia: number } = {
  nama: 'John',
  usia: 30
}

Di sini, kita mendefinisikan sebuah Objek pengguna dengan dua properti: nama yang harus bertipe string dan usia yang harus bertipe number. Sekali lagi, TypeScript memberi tahu kita jika kita mencoba mengisi properti dengan jenis data yang tidak sesuai.

pengguna.nama = 42; // Ini akan menghasilkan kesalahan karena 42 bukan string.

Bentuk errornya:

Type 'number' is not assignable to type 'string'.(2322)

Dengan cara ini, TypeScript membantu kita menghindari kesalahan tipe data yang umum terjadi saat kita bekerja dengan Array dan Objek.

Deklarasi dengan Tipe Interface:

Kamu juga dapat menggunakan tipe antarmuka (interface) untuk mendeklarasikan struktur objek:

interface Pengguna {
  nama: string;
  usia: number;
}

const pengguna: Pengguna = {
  nama: 'John',
  usia: 30
};