免费打字稿课堂课程

来源:undefined 2025-01-10 20:54:52 0

承接上一课typescript原始类型学习,本课将深入讲解typescript中的对象和数组。

课程概要

本课程将涵盖TypeScript对象和数组的创建和使用技巧。我们将学习多种创建对象和数组的方法,并了解它们各自的适用场景。

对象字面量

创建对象的简便方法是使用对象字面量。此方法适用于预先已知对象属性的情况,因为之后无法直接添加新属性。

1

2

3

4

5

6

const myObject = {

keyA: valueA,

keyB: valueB,

};

myObject.keyC = valueC; // 这行代码在运行时可能会报错,取决于编译器的strictNullChecks设置。

登录后复制

索引签名

当对象属性未知时,索引签名提供了一种创建动态对象的方法。

1

2

3

4

5

6

7

8

const myObject: { [key: string]: string } = {

keyA: valueA,

keyB: valueB,

};

myObject.keyC = valueC;

console.log(myObject);

登录后复制

Record 类型

Record是TypeScript中的一种实用程序类型,用于创建键值对类型都已知的动态对象。

1

2

3

4

const myObject: Record<string, string> = {

keyA: valueA,

keyB: valueB,

};

登录后复制

数组字面量

创建数组最直接的方式是使用数组字面量,即用方括号括起来的逗号分隔的元素列表。

1

2

3

4

5

6

7

const numberArray: number[] = [1, 2, 3];

const stringArray: string[] = [josh, patrick, lamar];

const mixedArray: (string | number)[] = [1, alice, 55];

console.log(stringArray);

console.log(numberArray);

console.log(mixedArray);

登录后复制

数组构造函数

另一种创建数组的方法是使用数组构造函数。

1

2

3

4

5

6

7

const numberArray: Array<number> = [1, 2, 3];

const stringArray: Array<string> = [Josh, Patrick, Lamar];

const mixedArray: Array<string | number> = [1, Alice, 55];

console.log(stringArray);

console.log(numberArray);

console.log(mixedArray);

登录后复制

下一课预告

下一课我们将学习TypeScript中的函数,包括参数类型、返回类型等。

欢迎评论并分享本文,共同学习TypeScript!

以上就是免费打字稿课堂课程的详细内容,更多请关注php中文网其它相关文章!

最新文章