TypeScript - Arrays: Gerbang Anda ke Data Terorganisir

Halo sana, para programer pemula! Hari ini, kita akan mendalam ke dunia yang menakjubkan dari array di TypeScript. Sebagai guru komputer yang ramah di lingkungan sekitar Anda, saya sangat gembira untuk mengantar Anda dalam perjalanan ini. Array seperti pisau multifungsi di programming - sangat multifungsi dan berguna. mari roll up lengan Anda dan mulai!

apa Itu Array?

Sebelum kita melompat ke hal yang memungkinkan, mari kita pahami apa itu array. Bayangkan Anda punya sejumlah marble berwarna. Daripada menjadikan mereka tersebar di seluruh kamar Anda, Anda memutuskan untuk menempatkan mereka dalam baris rapi. Itu sebenarnya apa yang dilakukan array di programming - mengorganisir item yang mirip dalam cara yang terstruktur.

Fitur Array

Array di TypeScript datang dengan beberapa fitur yang menakjubkan yang membuat mereka sangat praktis:

1. Koleksi Terurut: Seperti baris marble kita, array mempertahankan urutan tertentu.
2. Berdasarkan Indeks: Setiap elemen memiliki nomor (indeks) yang terkait dengannya, mulai dari 0.
3. Homogen: Biasanya, array mengandung elemen jenis yang sama.
4. Ukuran Dinamis: Di TypeScript, array dapat tumbuh atau menyusut sesuai kebutuhan.

Mendeklarasikan dan Menginisialisasi Array

Mari kita mulai dengan membuat array pertama kita. Di TypeScript, kita memiliki beberapa cara untuk melakukan ini:

// Metode 1: Menggunakan kurung siku
let buah: string[] = ['apple', 'banana', 'orange'];

// Metode 2: Menggunakan kontruktur Array
let angka: number[] = new Array(1, 2, 3, 4, 5);

// Metode 3: Menggunakan jenis array generik
let warna: Array<string> = ['red', 'green', 'blue'];

Dalam contoh pertama, kita membuat array buah. string[] memberitahu TypeScript bahwa array ini hanya akan mengandung string. Itu seperti mengatakan kepada teman Anda, "Kotak ini untuk marble saja, tidak untuk mobil mainan!"

Contoh kedua menunjukkan bagaimana membuat array angka menggunakan kontruktur Array. Itu seperti menggunakan mesin khusus untuk membuat baris marble Anda.

Metode ketiga menggunakan apa yang kita sebut jenis "generik". Jangan khawatir terlalu banyak tentang istilah ini sekarang, hanya tahu itu adalah cara lain untuk mengatakan "array ini untuk string."

Mengakses Elemen Array

Sekarang kita memiliki array, bagaimana kita bisa mendapatkan item di dalamnya? Itu mudah sekali! Kita menggunakan indeks elemen:

let buah: string[] = ['apple', 'banana', 'orange'];

console.log(buah[0]); // Output: 'apple'
console.log(buah[1]); // Output: 'banana'
console.log(buah[2]); // Output: 'orange'

Ingat, indeks array dimulai dari 0, bukan 1. Itu seperti sistem penghitungan aneh di mana kita mulai dari 0 bukan 1. Saya tahu, para programer adalah kelompok yang aneh!

Objek Array

Di TypeScript, array adalah sebenarnya objek. Ini berarti mereka datang dengan beberapa properti dan metode bawaan. Salah satu properti yang paling berguna adalah length:

let buah: string[] = ['apple', 'banana', 'orange'];
console.log(buah.length); // Output: 3

Ini memberitahu kita berapa item yang ada di array kita. Sangat praktis ketika Anda perlu mengetahui ukuran koleksi Anda!

Metode Array

Array datang dengan kotak alat metode untuk memanipulasinya. Mari kita lihat beberapa metode yang paling umum:

Metode	Deskripsi	Contoh
push()	Menambahkan satu atau lebih elemen ke akhir	buah.push('grape')
pop()	Menghapus elemen terakhir	let buahTerakhir = buah.pop()
unshift()	Menambahkan satu atau lebih elemen ke awal	buah.unshift('kiwi')
shift()	Menghapus elemen pertama	let buahPertama = buah.shift()
indexOf()	Mengembalikan indeks elemen tertentu	let indeks = buah.indexOf('banana')
slice()	Mengembalikan salinan dangkal bagian array	let beberapaBuah = buah.slice(1, 3)
splice()	Mengubah isi array	buah.splice(1, 1, 'mango')

mari lihat ini dalam aksi:

let buah: string[] = ['apple', 'banana', 'orange'];

buah.push('grape');
console.log(buah); // Output: ['apple', 'banana', 'orange', 'grape']

let buahTerakhir = buah.pop();
console.log(buahTerakhir); // Output: 'grape'
console.log(buah); // Output: ['apple', 'banana', 'orange']

buah.unshift('kiwi');
console.log(buah); // Output: ['kiwi', 'apple', 'banana', 'orange']

let buahPertama = buah.shift();
console.log(buahPertama); // Output: 'kiwi'
console.log(buah); // Output: ['apple', 'banana', 'orange']

Destructuring Array

TypeScript mendukung fitur yang menakjubkan yang disebut destructuring array. Itu seperti membongkar valise, tapi untuk array:

let buah: string[] = ['apple', 'banana', 'orange'];
let [pertama, kedua, ketiga] = buah;

console.log(pertama);  // Output: 'apple'
console.log(kedua); // Output: 'banana'
console.log(ketiga);  // Output: 'orange'

Ini adalah cara praktis untuk mengassign elemen array ke variabel dalam satu langkah!

Penelusuran Array menggunakan for...of loop

Ketika kita ingin melewati setiap item di array, kita dapat menggunakan loop for...of. Itu seperti mengambil setiap marble keluar dari kotak satu per satu:

let buah: string[] = ['apple', 'banana', 'orange'];

for (let buah of buah) {
console.log(buah);
}
// Output:
// apple
// banana
// orange

Loop ini melewati setiap buah di array kita dan mencetaknya. Sangat sederhana dan bersih!

Array di TypeScript

TypeScript menambahkan beberapa superpower ke array. Misalnya, Anda dapat membuat array jenis khusus:

// Tentukan jenis khusus
type Person = {
name: string;
age: number;
};

// Buat array objek Person
let orang: Person[] = [
{ name: "Alice", age: 30 },
{ name: "Bob", age: 25 },
{ name: "Charlie", age: 35 }
];

console.log(orang[1].name); // Output: "Bob"

Di sini, kita membuat array Person objek. TypeScript memastikan bahwa setiap objek di array ini memiliki name dan age.

Dan itu dia, teman-teman! Kita telah melakukan perjalanan melalui tanah array TypeScript. Dari membuat mereka hingga memanipulasinya, dan bahkan beberapa fitur khusus TypeScript. Ingat, array adalah teman Anda dalam programming. Mereka membantu Anda mengorganisir data dan membuat kode Anda lebih bersih dan efisien.

Saat kita mengakhiri, saya ingin Anda berpikir tentang array seperti sebuah kotak yang terorganisir. Setiap alat (atau elemen) memiliki tempatnya, dan ketika Anda membutuhkannya, Anda tahu tepat di mana mencarinya. Terus latihan dengan array, dan segera Anda akan bermain data seperti seorang pro!

Happy coding, dan may your arrays always be perfectly sorted!

Credits: Image by storyset