用轻松的心情从入门到放弃——TypeScript 基础类型详解

2023-09-03 10:07:23

TypeScript基础类型一览

TypeScript的基础类型包括：

布尔类型：布尔类型表示真假值，可以使用true和false两个表示。
数字类型：数字类型表示数值，可以是整数或小数。
字符串类型：字符串类型表示文本，可以使用单引号或双引号表示。
元组类型：元组类型表示一组按顺序排列的值，可以使用方括号表示。
数组类型：数组类型表示一组按索引排列的值，可以使用方括号表示。
枚举类型：枚举类型表示一组命名的常量，可以使用enum关键字表示。

布尔类型

布尔类型表示真假值，可以使用true和false两个关键字表示。布尔类型的值可以用于控制流程和条件语句。

// 定义一个布尔变量
let isTrue: boolean = true;

// 使用布尔变量控制流程
if (isTrue) {
  console.log("真");
} else {
  console.log("假");
}

数字类型

数字类型表示数值，可以是整数或小数。数字类型的值可以用于算术运算和比较运算。

// 定义一个数字变量
let num: number = 123;

// 使用数字变量进行算术运算
console.log(num + 10); // 133
console.log(num - 50); // 73
console.log(num * 2); // 246
console.log(num / 5); // 24.6

// 使用数字变量进行比较运算
console.log(num > 100); // true
console.log(num < 200); // true
console.log(num == 123); // true
console.log(num != 123); // false

字符串类型

字符串类型表示文本，可以使用单引号或双引号表示。字符串类型的值可以用于文本操作和字符串拼接。

// 定义一个字符串变量
let str: string = "Hello, world!";

// 使用字符串变量进行文本操作
console.log(str.length); // 13
console.log(str.toUpperCase()); // HELLO, WORLD!
console.log(str.toLowerCase()); // hello, world!
console.log(str.indexOf("world")); // 7

// 使用字符串变量进行字符串拼接
console.log("Hello, " + str); // Hello, Hello, world!
console.log(`${"Hello, "} ${str}`); // Hello, Hello, world!

元组类型

元组类型表示一组按顺序排列的值，可以使用方括号表示。元组类型的值可以用于存储不同类型的数据。

// 定义一个元组变量
let tuple: [string, number, boolean] = ["Hello", 123, true];

// 访问元组变量中的值
console.log(tuple[0]); // Hello
console.log(tuple[1]); // 123
console.log(tuple[2]); // true

数组类型

数组类型表示一组按索引排列的值，可以使用方括号表示。数组类型的值可以用于存储相同类型的数据。

// 定义一个数组变量
let arr: number[] = [1, 2, 3, 4, 5];

// 访问数组变量中的值
console.log(arr[0]); // 1
console.log(arr[1]); // 2
console.log(arr[2]); // 3
console.log(arr[3]); // 4
console.log(arr[4]); // 5

// 修改数组变量中的值
arr[0] = 10;

// 遍历数组变量
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

枚举类型

枚举类型表示一组命名的常量，可以使用enum关键字表示。枚举类型的值可以用于控制流程和条件语句。

// 定义一个枚举类型
enum Color {
  Red,
  Green,
  Blue
}

// 使用枚举类型控制流程
switch (color) {
  case Color.Red:
    console.log("红色");
    break;
  case Color.Green:
    console.log("绿色");
    break;
  case Color.Blue:
    console.log("蓝色");
    break;
}