TypeScript 中的数组类型定义

2022-03-19 10:53:05 浏览数 (1)

TypeScript 中声明和初始化数组也很简单,和声明数字类型和字符串类型的变量也差不多,只不过在指定数组类型时要在类型后面加上一个中括号 []

语法格式

代码语言:javascript复制
const array_name: dataype[] = [val, val2];

示例

声明一个 string 类型的数组

代码语言:javascript复制
const character: string[] = ["杨过", "小龙女"];

一维数组类型

声明一个 number 类型的数组

代码语言:javascript复制
const numb: Number[] = [2, 4, 6, 8];
// 等同于
const numb2: Array<number> = [2, 4, 6, 8];

声明一个 string 类型的数组

代码语言:javascript复制
const str: String[] = ['西安', '北京', '上海'];
// 等同于
const str2: Array<string> = ['西安', '北京', '上海'];

声明一个 string 或者 number 类型的数组

代码语言:javascript复制
const array2: (string | number)[] = ['孟浩然', 99];
// 等同于
const array: Array<string | number> = ['孟浩然', 99];

除了使用中括号 [] 的方法来声明数组,你还可以使用 数组泛型 来定义数组

语法格式

代码语言:javascript复制
const array_name: Array<dataype> = [val, val2];

示例

声明一个 number 类型的数组

代码语言:javascript复制
const array_name: Array<Array<datatype>> = [[val1, val2, val3],[v1, v2, v3]];
// 等同于
const array_name: datatype[][] = [[val1, val2, val3]];

多维数组类型

TypeScript 支持多维数组。一个数组的元素可以是另外一个数组,这样就构成了多维数组。多维数组的最简单形式是二维数组。

语法格式

代码语言:javascript复制
const test: Array<Array<string>> = [['狮子头'], ['清蒸鲈鱼']];
// 等同于
const test: string[][] = [['狮子头', '清蒸鲈鱼', '鲜椒牛蛙'], ['北京烤鸭'], ['地锅鸡', '饿了']];

声明一个二维数组

注意:

以下示例中类型在数组中的,则会限制内层数组的元素数量

Array<[string]> : 表示内层数组的元素是 string 类型,限制元素数量是 1 个,输入多个会报错

代码语言:javascript复制
const test3: Array<[string]> = [['甘雨'], ['我的']];
// 等同于
const test3: [string][] = [['甘雨']];


// error
// 不能将类型“[string, string]”分配给类型“[string]”。
// 源具有 2 个元素,但目标仅允许 1 个。
const test3: [string][] = [['甘雨', '我的']];

Array<[string, string]> : 表示内层数组的元素是 string 类型,限制元素数量是 2 个

建议:

在定义数组类型的时候使用数组泛型定义,这样显得更直观一点

Tuple 元组类型(元组类型允许表示一个已知元素数量和类型的数组)

0 人点赞