Data Type In TypeScript

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

hyvercode

Leave a Reply

Your email address will not be published. Required fields are marked *