TypeScript 数组使用

背景

TypeScript 是 JavaScript 的超集，增加了类型系统。数组在 TypeScript 中是一种常用的数据结构，支持类型安全操作。

数组声明

  • 单一类型数组 :

    1
    let numbers: number[] = [1, 2, 3];

  • 泛型数组 :

    1
    let strings: Array<string> = ['a', 'b', 'c'];

常用操作

  • 添加元素 :

    • push(): 在末尾添加 

      1
      numbers.push(4);

  • 删除元素 :

    • pop(): 移除末尾元素 

      1
      numbers.pop();

  • 遍历数组 :

    • 使用 forEach:

      1
      numbers.forEach(num => console.log(num));

类型检查 vs. JavaScript

特性 TypeScript JavaScript
类型检查 编译时检查，防止运行时错误 无静态类型检查
泛型支持 支持，通过 Array<T> 不支持
IDE 智能提示 更加全面，基于类型推导 基本的自动补全

注意事项

  1. 不可变性 : 使用 const 声明后仍可修改数组内容，但不能重新赋值。

    1
    2
    3
    const arr: number[] = [1, 2];
    arr.push(3); // 有效操作 
    // arr = [4]; // 错误操作，重新赋值会报错

  2. 联合类型数组 : 可以包含多种类型。

    1
    let mixedArray: (number|string)[] = [1, 'a', 2, 'b'];