添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
Typescript - 如何创建一个空的类型化数组|对象|接口|字符串,并举例说明

在这个简短的教程中,你将通过实例了解 type 关键字在 typescript 中的应用。

Type 是typescript中的一个关键词,作为现有或自定义类型的别名。

类型关键字的例子

以下是例子

如何声明一个类型为nullable

让我们在ts文件中声明雇员接口

interface Employee {
  name: string;
  id: number;
  salary: number;

创建一个接口或类的空类型数组

Employee对象持有不同类型的数据。

使用泛型的类型声明

首先,数组变量可以用Employee的通用数组来声明,通过指定空数组来声明。

let employees: Array = [];

因此,创建一个变量存储空类型的数组

type assertion就像把一种类型的对象分配给变量。这在运行时不会对性能产生影响。然而,它可以用来避免在编译时出错。

这可以通过两种语法实现,第一种是as syntax ,第二种是angle-bracket syntax

下面是一个example for creating empty typed array with as syntax

let empArray1 = [] as Employee[];

上面的语法也可以用角括号的语法来写,如下所示

let empArray = []; 

两者在使用和性能方面是相等的。

阵列构造器

最后,数组构造器是通用的用法,每个开发者都会使用。它使用new操作符来创建一个空数组。

let empArray = new Array(); 
let empArray: Array = new Array();

它在可读性方面看起来不错,但是在性能方面会受到影响,因为在内存中创建一个引用。

如何创建空的类型化字符串数组及实例

有许多方法可以通过以下语法创建类型化的字符串数组

let emptyStringArray: string[] = [];
let emptyStringArray1 = new Array(); 
let emptyStringArray2: Array = new Array();

在数组中创建和初始化类型化的空对象

在这个例子中,我们将创建一个非空数组,对象数据为空或默认值。

让我们为用户声明一个接口

interface User {
  name: string;
  id: number;
  password: string;

下面是一个用三个空的用户对象初始化数组的例子。Partial in typescript ,你可以用可选的字段来构造对象Partial ,返回带有可选的id、name和password的用户。

users: Partial[] = [{}, {}, {}];

另一个选择是用一个对象的默认值来手动设置每个对象的值

users1: User[] = [{ id: null, name: null, password:null }{ id: null, name: null, password:null }]

在本教程中,你学到了创建一个类型化的空数组的不同方法,以及如何用空对象创建一个数组。

分类:
前端
标签: