目錄

• 布林型別
• 數字型別
• 字串型別
• 字串和數字進行拼接
• undefined和 null
• 陣列型別
• 元組型別
• 列舉型別
• any型別
• void型別
• 聯合型別
• 總結

布林型別

// 布林型別--->boolean
// let 變數名：資料型別 = 值
let flag: boolean = true;
console.log(flag)

數字型別

// 數字型別--->nuAtxUckmber
let a1: number = 10 // 十進位制
let a2: number = 0b1010 // 二進位制
let a3: number = 0o12// 八進位制
let a4: number = 0xa // 十六進位制
console.log(a1 + a2 + a3 + a4)

字串型別

// 字串型別--->string
let str1: string = '床前明月光';
let str2: string = '地上鞋兩雙';
console.log(str1 + ',' + str2)

字串和數www.cppcns.com字進行拼接

let str3: string = '我現在的歲數：'
let a5: number = 24
console.log(`${str3}${a5}`)

總結:ts中變數一開始是什麼型別,那麼後期賦值的時候,只能用這個型別的資料,是不允許用其他型別的資料賦值給當前的這個變數中

undefined和 null

// undefined和 null都可以作為其他型別的子類璧,把undefined和nu1l賦值給其他型別的變數的,如: number型別的變數
let und: undefined = undefined
let n1l: null = null
console.log(und)
console.log(n1l)

陣列型別

// 方式一：let變數名:資料型別[]=[值1,值2,值3,...]
let arr1: number[] = [10,20,30,40,50]
console.log(arr1);

// 方式二：泛型的寫法
// 語法: let變數名: Array<資料型別>=[值1,值3]
let arr2: Array<number> = [100,200,300]
console.log(arr2);

注意問題:陣列定義後,裡面的資料的型別必須和定義陣列的時候的型別是一致的,否則有錯誤提示資訊,也不會編譯通過的

元組型別

// 元組型別:在定義陣列的時候,型別和資料的個數一開始就已經限定了
let arr3: [string,number,boolean] = ['小甜甜',100,true];
console.log(arr3)
// 注意問題:元組型別在使用的時候,資料的型別的位置和資料的個數應該和在定義元組的時候的資料型別及位置應該是一致的
console.log(arr3[0].split(''));
conso
 
le.log(arr3[1].toFixed(2));

列舉型別

enum Color {
       red,green,blue
}
// 定義一個Color的列舉型別的變數來接收列舉的值
let color: Color = Color.red
console.log(color);
console.log(Color[2])

any型別

let str5: any = 100;
str5 = '宇智波帶土'
console.log(str5);
// 當一個數組中要儲存多個數據,個數不確定,型別不確定,此時也可以使用any型別來定義陣列
let arr6: any = [100,'宇智波帶土',true];
console.log(arr6)
// 這種情況下也沒有錯誤的提示資訊,any型別有優點,也有缺點
console.log(arr6[1].split(''));

void型別

function getobj(obj: object): object {
       console.log(obj);
       return {
           name: '卡卡西',age: 27
       }
}
console.log(getobj({ name: '佐助',age: 20 }))

聯合型別

 // 需求1:定義一個函式得到一個數字或字串值的字串形式值
function getString(str: number | string): string {
      return str.toString();
}
console.log(getString('薩斯給'))
 
// 需求2:定義一個一個函式得到一個數字或字串值的長度
function getString1(str: number | string): number {
      return str.toString().length
      if ((<string>str).length) {
          return (str as string).length
      } else {
          return str.toString().length
      }
}
  console.log(getString1(12345))
  console.log(getString1('12345'))

總結

本篇文章就到這裡了，希望能夠給你帶來幫助，也希望您能夠多多關注我們的更多內容!