menu FixWins.com Spring MVC Spring Boot NodeJS+ExpressJS+Mysql ReactJS+NodeJS+Mysql Angular Android PFE
Spring MVC Spring Boot NodeJS+ExpressJS+Mysql ReactJS+NodeJS+Mysql Angular PFE




TypeScript: DataType

TypeScript contient les types primtives :suivants:
  1. boolean: peut prendre any types
  2. string: une chaine de caractère
  3. number: nombre float :n'existe pas integer
TypeScript contient aussi des types complexe:
  1. any:
  2. array:
  3. enum:
  4. tuple:

1:boolean

true or false

1.script1.ts

let x:boolean;
x=true;
console.log(typeof x);//=>boolean
var y=true;
console.log(typeof y);//=>boolean

let z:Boolean=true;
console.log(typeof z)//=>boolean

2:string

2.script2.ts

let nom:string="abc";
let prenom:string;
prenom="xyz";
//les méthode de string
 //1.concat:
 let np=nom.concat(' ',prenom,' Hello');
 console.log(np);//=>abc xyz Hello
 
 //2.indexOf() :returne l'index du substring dans le string
 let s="hello every one";
 let exist=s.indexOf("every");
 console.log(exist);//=>6
 
 console.log("taille ",s.length);//=>taille  15
 console.log(s[1]);//=>e Car string est tabeau de caractères
 
 //3.charAt
 console.log(s.charAt(4));//=>o
 
 //4.replace
 console.log(s.replace("every one","World"));//=>hello World
 
 //5.split: convertir une chaine vers un tableau de string selon le séparateur donnée
 
 let villes="casa,fes,tanger,rabat";
 let tvilles=villes.split(',');
 console.log(tvilles)//#=>[ 'casa', 'fes', 'tanger', 'rabat' ]
 
 let fistTwoVille=villes.split(',',2);
 console.log(fistTwoVille);//=>[ 'casa', 'fes' ]
 
 //6.toUpperCase() et toLowerCase()
 console.log("hello".toUpperCase());//=>HELLO
 

3:number

 script3.ts

let a=15.5;
console.log(typeof a);//=>number
let b:number;
b=22;
console.log(b);//=>22
if(a)
{
console.log("ok a");//=>Ok a
}

//les méthode du type :number
  //toString
let s=a.toString();
console.log(s);//=>15.5
console.log(typeof s);//=>string

//toFixed
let c=17.2458;
let d=c.toFixed(3);
console.log(d);//=>17.246

//Number object type
let objet=new Number(478);
console.log(objet.valueOf());//=>478


4:array

script4.ts

//on peut insérer plusieurs types dans le meme tableau
let t=["abc",'x',100,14.5];
console.log(t);//=>[ 'abc', 'x', 100, 14.5 ]
console.log(typeof t[2]);//=>number (100)

let t2:string[]=[];
t2[0]="hi";
console.log(t2);//=>[ 'hi' ]

//limiter les types
let t3:Array<string | number>=["ok",14,20,"test"];
console.log(t3);//=>[ 'ok', 14, 20, 'test' ]


//boucles
for(var i in t3) //=>i c'est l'indexe
{
console.log(t3[i]);
}

//Les méthode de array
console.log(t3.length);//=>4

//push :add new item
t3.push("last item");
console.log(t3);//=>[ 'ok', 14, 20, 'test', 'last item' ]

//pop:remove the last item
t3.pop();
console.log(t3);//=>[ 'ok', 14, 20, 'test' ]

//sort trier
console.log(t3.sort());//=>[ 14, 20, 'ok', 'test' ]

//join:array to string séparé avec ,
console.log(t3.join());//=>14,20,ok,test

//toString :array to string
console.log(t3.toString());//=>14,20,ok,test



5:tuple

script5.ts

let liste1:[number,string]=[1,'Rabat',];
console.log(liste1);//=>[ 1, 'Rabat' ]
//push new element
liste1.push(2,'casablanca');
console.log(liste1);//=>[ 1, 'Rabat', 2, 'casablanca' ]
console.log(liste1[0]);//=>1


//avec plusieurs valeurs
let client:[string,string,number,string]=['nom','prénom',52,'064578411'];
console.log(client[2]);//=>52

6.enum

Créer une liste de constante

script6.ts

enum categories {
    sport,
    culture,
    infos,
    livre
  }
  console.log(categories);
  /*
  {
    '0': 'sport',
    '1': 'culture',
    '2': 'infos',
    '3': 'livre',
    sport: 0,
    culture: 1,
    infos: 2,
    livre: 3
  }
  */
  console.log(categories.livre);//=>3
 
  //on peut initialiser l'index de ces constante;
  enum categories2 {
    sport=10,
    culture,
    infos,
    livre
  }
  console.log(categories2.culture);//=>11
 
  enum categories3 {
    sport='a',
    culture='b',
    infos='c',
    livre="livre value"
  }
  console.log(categories3.livre);//=>livre value
 
 

7.Any

typeScript detected le type en d'une variable en temps réel selon sa valeur:
Any:permet de spécifier une variable avec un type générique , utilisé lorsque on connait pas le type d'une valeur réuçu ,from api , ou services externe

script7.ts

let v:any;
console.log(v);//=>undefined
v="hello";
console.log(typeof v);//=>string
v=14.5;
console.log(typeof v);//=>number






By Hakiki