Array adalah tipe khusus dari tipe data yang dapat menyimpan beberapa nilai dari tipe data yang berbeda secara berurutan menggunakan sintaks khusus.
TypeScript mendukung array, mirip dengan JavaScript. Ada dua cara untuk mendeklarasikan array:
1. Menggunakan tanda kurung siku. Metode ini mirip dengan cara Anda mendeklarasikan array dalam JavaScript.
let fruits: string[] = ['Apple', 'Orange', 'Banana'];
2. Menggunakan tipe array generik, Array<elementType>.
let fruits: Array<string> = ['Apple', 'Orange', 'Banana'];
Kedua metode menghasilkan output yang sama.
Tentu saja, Anda selalu dapat menginisialisasi array seperti yang ditunjukkan di bawah ini, tetapi Anda tidak akan mendapatkan keuntungan dari sistem tipe TypeScript.
let arr = [1, 3, 'Apple', 'Orange', 'Banana', true, false];
Array dapat berisi elemen dari semua tipe data, angka, string, atau bahkan objek.
Array dapat dideklarasikan dan diinisialisasi secara terpisah.
let fruits: Array<string>;
fruits = ['Apple', 'Orange', 'Banana'];
let ids: Array<number>;
ids = [23, 34, 100, 124, 44];
Array di TypeScript dapat berisi elemen dari tipe data yang berbeda menggunakan sintaks tipe array generik, seperti yang ditunjukkan di bawah ini.
let values: (string | number)[] = ['Apple', 2, 'Orange', 3, 4, 'Banana'];
// or
let values: Array<string | number> = ['Apple', 2, 'Orange', 3, 4, 'Banana'];
Mengakses Elemen Array pada TypeScript :
Elemen array dapat diakses menggunakan indeks elemen misalnya ArrayName[index]. Indeks array dimulai dari nol, maka indeks elemen pertama adalah nol, indeks elemen kedua adalah satu dan seterusnya.
let fruits: string[] = ['Apple', 'Orange', 'Banana'];
fruits[0]; // returns Apple
fruits[1]; // returns Orange
fruits[2]; // returns Banana
fruits[3]; // returns undefined
Gunakan loop for untuk mengakses elemen array seperti yang ditunjukkan di bawah ini.
let fruits: string[] = ['Apple', 'Orange', 'Banana'];
for(var index in fruits)
{
console.log(fruits[index]); // output: Apple Orange Banana
}
for(var i = 0; i < fruits.length; i++)
{
console.log(fruits[i]); // output: Apple Orange Banana
}
Metode Array TypeScript
Tabel berikut mencantumkan semua metode Array yang dapat digunakan untuk tujuan yang berbeda.
| metode | Keterangan |
|---|---|
| pop() | Menghapus elemen terakhir dari array dan mengembalikan elemen itu |
| push() | Menambahkan elemen baru ke array dan mengembalikan panjang array baru |
| sort() | Mengurutkan semua elemen array |
| concat() | Menggabungkan dua array dan mengembalikan hasil gabungan |
| indexOf() | Mengembalikan indeks kecocokan pertama dari nilai dalam array (-1 jika tidak ditemukan) |
| copyWithin() | Menyalin urutan elemen dalam array |
| fill() | Mengisi array dengan nilai statis dari indeks awal yang disediakan hingga indeks akhir |
| shift() | Menghapus dan mengembalikan elemen pertama dari array |
| splice() | Menambah atau menghapus elemen dari array |
| unshift() | Menambahkan satu atau lebih elemen ke awal array |
| includes() | Memeriksa apakah array berisi elemen tertentu |
| join() | Menggabungkan semua elemen array menjadi string |
| lastIndexOf() | Mengembalikan indeks terakhir dari elemen dalam array |
| slice() | Mengekstrak bagian dari array dan mengembalikan array baru |
| toString() | Mengembalikan representasi string dari array |
| toLocaleString() | Mengembalikan string lokal yang mewakili array |
Contoh berikut menunjukkan beberapa metode array.
var fruits: Array<string> = ['Apple', 'Orange', 'Banana'];
fruits.sort();
console.log(fruits); //output: [ 'Apple', 'Banana', 'Orange' ]
console.log(fruits.pop()); //output: Orange
fruits.push('Papaya');
console.log(fruits); //output: ['Apple', 'Banana', 'Papaya']
fruits = fruits.concat(['Fig', 'Mango']);
console.log(fruits); //output: ['Apple', 'Banana', 'Papaya', 'Fig', 'Mango']
console.log(fruits.indexOf('Papaya'));//output: 2