前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >TypeScript 中的数组类型定义

TypeScript 中的数组类型定义

作者头像
Qwe7
发布2022-03-19 10:53:05
5.3K0
发布2022-03-19 10:53:05
举报
文章被收录于专栏:网络收集网络收集

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 元组类型(元组类型允许表示一个已知元素数量和类型的数组)

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一维数组类型
  • 多维数组类型
  • Tuple 元组类型(元组类型允许表示一个已知元素数量和类型的数组)
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档