Sekarang kita akan belajar cara menggunakan array pada typescript. Cara pembuatan dan penggunaan array di typescript itu sama saja dengan array pada java script. Untuk mendeklarasikan array kita bisa menggunakan TipeData[] atau Array<TipeData>. Sebagai contoh, jika kita ingin membuat array string maka kita menulis string[] atau Array<string>. Agar lebih jelas, lihatlah contoh berikut ini:
Deklarasi Umum array pada Typescript
describe('Array', function (){
it('should declare array', function (){
const names: string[] = ["ardhan", "wahyu", "rahmanu"];
const ages: number[] = [35, 28, 40];
console.info(names);
console.info(ages);
});
});Ada sebuah fitur array typescript yaitu read only. Ketika kita membuat array yang readonly maka nilai dari array tidak dapat kita ubah. Pada contoh di atas kita bisa saja mengubah nilai. Berikut ini adalah contohnya
describe('Array', function (){
it('should read only array', function(){
const skills: Array<string> = ["Programming", "Cooking", "Speaking"];
skills[0] = "Cooking";
const hobbies: ReadonlyArray<string> = ["Reading", "Cycling", "Hiking"];
hobbies[0] = "Hiking";
});
});Pada contoh di atas kita punya 2 buah array, yaitu skills dan hobbies dimana skills bukan merupakan read only sedangkan hobbies adalah read only. Ketika kita mengubah nilai ke 0 pada skills maka hal tersebut tidak akan error. Tapi jika kita mecoba mengubah nilai hobbies[0] maka hal tersebut akan menyebabkan error seperti berikut ini:
Di typescript terdapat type data bernama tuple dimana tuple ini sebenarnya adalah array yang panjang dan type data di setiap index-nya sudah ditentukan. Kelebihan dari type data ini adalah setiap index bisa menggunakan type data yang berbeda. Berikut ini adalah contoh tuple.
describe('Array', function (){
it('should must be tuple', () => {
let person: [string, number, string] = ["Ardhan", 35, "Malang"];
console.info(person);
});
});Kode di atas akan error jika kita berusaha untuk mengubah person[0] = 10. Selain itu kita juga tidak akan bisa mengisi nilai person [3] karena maksimal index-nya adalah 2.
Tuple juga dapat dibuat menjadi read only seperti halnya array biasa. Untuk membuatnya menjadi read only kita perlu menambahkan readonly pada tuple tersebut. Berikut ini adalah contoh penggunaan read only pada tuple.
describe('Array', function (){
it('should be readonly tuple', () => {
let person: readonly [string, number, string] = ["Ardhan", 35, "Malang"];
console.info(person);
person[0] = "Wahyu"; //error
});
});Jika kita berusaha untuk mengubah nilai pada person[0] maka code tersebut akan error karena tuple yang kita miliki bersifat read only.
Nah, demikianlah contoh cara mendeklarasikan array pada typescript. Semoga tulisan ini dapat membuka wawasan kita terkait dengan array di typescript. Materi typescript tidak hanya sampai di sini. Masih ada materi-materi lain tentang typescript. Jadi tunggu kelanjutannya ya.
