TypeScript - Arrays: Your Gateway to Organized Data

Halo sana, para pemrogram yang sedang belajar! Hari ini, kita akan mendalaminya dunia yang menakjubkan dari array di TypeScript. Sebagai guru komputer yang ramah di lingkungan sekitar Anda, saya sangat gembira untuk menghidahkan Anda dalam perjalanan ini. Array adalah seperti pisau multitasking Switzerland di dunia pemrograman - sangat multifungsi dan berguna. mari roll up lengan kita dan mulai!

What Are Arrays?

Sebelum kita melompat ke hal yang mendalam, mari kita mengerti apa itu array. Bayangkan Anda punya banyak marmer berwarna-warni. Daripada menyebarkannya di seluruh kamar Anda, Anda memutuskan untuk menempatkannya dalam garis rapi. Itu sebenarnya apa yang dilakukan array di pemrograman - mengatur item yang mirip dalam cara yang terstruktur.

Features of an Array

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

1. Ordered Collection: Seperti garis marmer kita, array menjaga urutan tertentu.
2. Index-based: Setiap elemen memiliki nomor (indeks) yang terkait dengannya, mulai dari 0.
3. Homogeneous: Biasanya, array mengandung elemen yang sama jenis.
4. Dynamic Size: Dalam TypeScript, array dapat tumbuh atau menyusut sesuai kebutuhan.

Declaring and Initializing Arrays

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

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

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

// Method 3: Menggunakan jenis array generik
let colors: 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 marmer saja, tidak diizinkan mobil mainan!"

Contoh kedua menunjukkan bagaimana membuat array bilangan menggunakan constructor Array. Itu seperti menggunakan mesin khusus untuk membuat garis marmer Anda.

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

Accessing Array Elements

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

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

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

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

Array Object

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

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

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

Array Methods

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

Method	Description	Example
push()	Menambahkan satu atau lebih elemen ke akhir	fruits.push('grape')
pop()	Menghapus elemen terakhir	let lastFruit = fruits.pop()
unshift()	Menambahkan satu atau lebih elemen ke awal	fruits.unshift('kiwi')
shift()	Menghapus elemen pertama	let firstFruit = fruits.shift()
indexOf()	Mengembalikan indeks dari elemen tertentu	let index = fruits.indexOf('banana')
slice()	Mengembalikan salinan dangkal dari sebagian array	let someFruits = fruits.slice(1, 3)
splice()	Mengubah isi array	fruits.splice(1, 1, 'mango')

mari lihat ini dalam aksi:

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

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

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

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

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

Array Destructuring

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

let fruits: string[] = ['apple', 'banana', 'orange'];
let [first, second, third] = fruits;

console.log(first);  // Output: 'apple'
console.log(second); // Output: 'banana'
console.log(third);  // Output: 'orange'

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

Array Traversal using for...of loop

Ketika kita ingin mengambil setiap item di array, kita bisa menggunakan loop for...of. Itu seperti mengambil setiap marmer dari kotak satu per satu:

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

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

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

Arrays in TypeScript

TypeScript menambahkan beberapa kekuatan super ke array. Sebagai contoh, Anda dapat membuat array dari jenis khusus:

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

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

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

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

Dan itu adalah, teman-teman! Kita telah berpergian melalui negeri array TypeScript. Dari membuat mereka hingga memanipulasinya, dan bahkan beberapa fitur khusus TypeScript. Ingat, array adalah teman Anda dalam pemrograman. Mereka membantu Anda mengatur data dan membuat kode Anda lebih bersih dan efisien.

Sekarang, saya ingin Anda berpikir tentang array seperti sebuah kotak yang teratur. Setiap alat (atau elemen) memiliki tempatnya, dan ketika Anda membutuhkannya, Anda tahu tepat di mana mencarinya. Terus latihan dengan array, dan segera Anda akan dapat mengelola data seperti seorang ahli!

Happy coding, dan semoga array Anda selalu diurutkan dengan sempurna!

Credits: Image by storyset