TypeScript mewarisi tipe data dari Javascript, Tipe di TypeScript di kategorikan mejadi :
- Primitive Type
- Object Type
Primitive Type
Tipe data primitive adalah tipe data sederhana yang hanya dapat menyimpan satu nilai pada satu waktu. Tipe data primitive pada umumnya adalah sebgai berikut:
- Number : menyimpan bilangan numerik, baik integer maipun decimal.
- String : menyimpan teks atau karakter.
- Boolean : menyimpan nilai tru atau false.
- Null : menyimpan nilai null, yang menunjukan bahwa suatu variable tidak meiliki nilai.
- Undefined : menyimpan nilai undefined yang menunjukan bahwa suatu variable belum diberi nilai atau tidak terdefinisi.
- Symbol : menyimpan nilai yang unik dan tidak dapat diubah.
Object Type
Tipe data object adalah tipe data yang dapat menyimpan beberapa nilai atau properti dalam satu variable. Tipe data object ini meliputi :
- Array : menyimpan beberapa nilai dalah satu varibale dengan mengukana indeks.
- Object : menyimpan nilai atau properti dalam satu veriabel dengan mengunakan nama properti.
- Function : menyimpan kode program yang dapat dipanggil dan diekseskusi kembali.
- Date : menyimpan tanggal dan waktu
- ReExp : menyimpan pola atai ekspresi regular.
Berikut contoh pembuatan Type Data di TypeScript
Tipe Data Number
// Number
let age:number;
age = 90;
console.log(`Type number ${age}`);
//inline initialize
let price = 10000;
let discount = 5.5;
let total:number;
console.log(`Discount amount = ${price * 5.5/100}`);
$ ts-node data-type.ts
Type number 90
Discount amount = 550
Tipe Data String
//String
let _name:string;
_name = "Jhon";
console.log(`My name is ${_name}`);
//concat String
let firstName ="Jhon";
let lastname = "Due";
console.log(`My Fullaname is ${firstName} ${lastname}`);
$ ts-node data-type.ts
My name is Jhon
My Fullaname is Jhon Due
Tipe Data Boolean
//Boolean
let isActive:boolean;
let inActive:boolean;
isActive = true;
inActive = false;
console.log(`If Active then ${isActive} else InActive ${inActive}`);
isActive?console.log("Your Account Is Active"):console.log("Your Account Inactive");
$ ts-node data-type.ts
If Active then true else InActive false
Your Account Is Active
Tipe Data Null, Undefined and Symbol
//Null, Undefined & Symbol
let address=null;
let city =undefined
let country:symbol;
country=Symbol("foo");
console.log(`Your address is ${address} \nyour city is ${city} and your country is`);
console.log(country);
$ ts-node data-type.ts
Your address is null
your city is undefined and your country is
Symbol(foo)
Tipe Data Array
//Array
let fruits=["Apple","Banana","Orange"]
let ages = [10,20,30];
console.log(`I like ${fruits[1]}`);
console.log(`My age is ${ages[2]}`);
$ ts-node data-type.ts
I like Banana
My age is 30
Tipe Data Object
// Oject
let person={
fullName:"Jhon Due",
age:30,
hobbies:["Football","Swimming"]
}
console.log(`My name is ${person.fullName} \nmy age is ${person.age} \nand my hobbies is ${person.hobbies}`);
$ ts-node data-type.ts
my age is 30
and my hobbies is Football,Swimming
Tipe Data Function
//function
let numberA =10;
let numberB = 20;
function getNumber(){
return numberA+numberB;
}
console.log(`My total number is ${getNumber()}`);
$ ts-node data-type.ts
My total number is 30
Tipe Data Date
// Date
let dateNow:Date;
dateNow = new Date();
console.log(`Date now is ${dateNow}`);
$ ts-node data-type.ts
Date now is Thu Mar 16 2023 22:48:35 GMT+0700 (Western Indonesia Time)
Source code tutorial Typescript tersedia di github typescript-days