iT邦幫忙

2021 iThome 鐵人賽

DAY 6
0
自我挑戰組

從新手開始TypeScript系列 第 6

Day6-TypeScript(TS)基礎型別資料Part 1

今天要介紹的基礎資料型別,如下

  • Boolean 型別
  • Number 型別
  • String 型別
  • Array 型別
  • Tuple 型別

大部分都與JS語法相同,
僅差在語法略有不同,
底下舉例來說讓大家比較容易理解。

Boolean 型別

宣告變數x為布林值true;
宣告變數y為布林值false

    let x : boolean = true ;
    let y : boolean = false ;

Number 型別

TS與JS中所有數值都是浮點數,如下

進位法|表示方法|使用|結果
------------- | -------------
十進位|-|-|100
十六進位|以0x開始的浮點數|0x11|17
八進位|以0o開始的浮點數|0o011|9
二進位|以0b開始的浮點數|0b10|2

    //十進位
    let a : number = 100;

    //十六進位
    let b : number = 0x11;

    //八進位
    let c : number = 0o011;

    //二進位
    let d : number = 0b10;

String 型別

宣告變數x為字串abc;
宣告變數y為字串def;

可使用單引號雙引號
若使用「`」可符號將字串括起來,
可保留空換行。

    let x : string = "abc" ;
    let y : string = 'def' ;
    let z : string = 
    `
        Hello world!
        Hello world!
    `

Array 型別

需在型別後加上[],
陣列裡的型別必須相同

    let arrBoolean : boolean[] = [true,false,true,false] ;

    let arrNumber : number[] = [1,2,3,4] ;

    let arrString : string[] = ["A","B","C","D"] ;

Tuple 型別

JS無Tuple 型別

Tuple通常是指一個資料結構,可儲存多個不同型別項目。
大致上與陣列相同,
不過所指定的型別跟給予的資料型別與個數必須相等喔。

    let tuple : [ boolean , number , string ] = [ true , 10 , "ABC" ] ;

今日結語

今天的型別都大致與JS相似,而且不難,
希望大家都能理解,
下篇也是基礎型別資料喔,
打好基礎是很重要的呢,
大家加油。


上一篇
Day5-TypeScript(TS)宣告
下一篇
Day7-TypeScript(TS)基礎型別資料Part 2
系列文
從新手開始TypeScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Freddy
iT邦新手 4 級 ‧ 2022-04-10 23:31:00
//十進位
let a : number = 100;

//十六進位
let b : number = 0x11;

//八進位
let c : number = 0b10;

//二進位
let d : number = 0o011;

這邊的二進位跟八進位是不是寫反了

我要留言

立即登入留言