添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
文雅的开心果  ·  typescript:S6479 ...·  6 小时前    · 
豁达的生姜  ·  Learn the Key ...·  6 小时前    · 
小胡子的小虾米  ·  How to Declare ...·  6 小时前    · 
坚强的四季豆  ·  TypeScript Keyof·  6 小时前    · 
刚分手的茶壶  ·  The Early Customer ...·  2 月前    · 
干练的煎饼果子  ·  作品欣赏-酷画网·  3 月前    · 
乐闻世界logo
搜索文章和话题

如何使用 typescript 定义对象数组?

3 个月前 提问
1 个月前 修改
浏览次数 59

1 个答案

1

在 TypeScript 中定义对象数组是一种常见的做法,特别是当你需要处理具有相同结构的多个数据实体时。在 TypeScript 中定义对象数组通常涉及两个步骤:首先定义对象的类型(通常是接口或类型别名),然后定义数组类型。

步骤 1: 定义对象的类型

你可以使用接口( interface )或类型别名( type )来定义一个对象的结构。例如,假设我们需要定义一个表示用户的对象,你可以这样做:

typescript
interface IUser { id: number; name: string; age: number; // 或者使用类型别名 type User = { id: number; name: string; age: number;

步骤 2: 定义对象数组

一旦有了对象的类型定义,你就可以通过在类型后面加上 [] 来定义对象的数组。例如:

typescript
let users: IUser[] = []; // 添加数据到数组 users.push({ id: 1, name: "Alice", age: 30 }); users.push({ id: 2, name: "Bob", age: 24 }); // 或者使用类型别名 let users2: User[] = [ { id: 3, name: "Charlie", age: 28 }, { id: 4, name: "David", age: 22 }

假设我们正在开发一个简单的应用程序,需要展示用户列表。首先,我们定义用户的类型,然后创建一个用户数组并填充数据,最后可能通过函数处理这些数据,例如,过滤出所有年龄大于25岁的用户:

typescript
interface IUser { id: number; name: string; age: number; let users: IUser[] = [ { id: 1, name: "Alice", age: 30 }, { id: 2, name: "Bob", age: 24 }, { id: 3, name: "Charlie", age: 28 } function filterUsersByAge(users: IUser[], minAge: number): IUser[] {