云主机测评网云主机测评网云主机测评网

云主机测评网
www.yunzhuji.net

TypeScript对象数组

在TypeScript中,对象数组是一种包含多个对象的数组,每个对象可以具有不同的属性和值,以下是关于TypeScript对象数组的详细解释:

(图片来源网络,侵删)

1、创建对象数组

要创建一个对象数组,首先需要定义一个对象类型,然后使用该类型创建多个对象,并将它们放入一个数组中。

“`typescript

interface Person {

name: string;

age: number;

}

const people: Person[] = [

{ name: "张三", age: 30 },

{ name: "李四", age: 25 },

{ name: "王五", age: 28 },

];

“`

2、访问对象数组中的对象

要访问对象数组中的对象,可以使用数组索引。

“`typescript

const firstPerson = people[0]; // { name: "张三", age: 30 }

const secondPerson = people[1]; // { name: "李四", age: 25 }

“`

3、修改对象数组中的对象

要修改对象数组中的对象,可以直接通过数组索引对其进行赋值。

“`typescript

people[0].name = "赵六"; // { name: "赵六", age: 30 }

people[1].age = 26; // { name: "李四", age: 26 }

“`

4、添加新的对象到对象数组中

要向对象数组中添加新的对象,可以使用push()方法。

“`typescript

const newPerson: Person = { name: "孙七", age: 22 };

people.push(newPerson); // [{ name: "赵六", age: 30 }, { name: "李四", age: 26 }, { name: "孙七", age: 22 }]

“`

5、从对象数组中删除对象

要从对象数组中删除对象,可以使用splice()方法。

“`typescript

people.splice(1, 1); // [{ name: "赵六", age: 30 }, { name: "孙七", age: 22 }]

“`

6、遍历对象数组中的对象

要遍历对象数组中的对象,可以使用for...of循环或forEach()方法。

“`typescript

// 使用 for…of 循环遍历对象数组

for (const person of people) {

console.log(person.name, person.age); // 输出每个对象的 name 和 age 属性

}

// 使用 forEach() 方法遍历对象数组

people.forEach((person) => {

console.log(person.name, person.age); // 输出每个对象的 name 和 age 属性

});

“`

打赏
版权声明:主机测评不销售、不代购、不提供任何支持,仅分享信息/测评(有时效性),自行辨别,请遵纪守法文明上网。
文章名称:《TypeScript对象数组》
文章链接:https://www.yunzhuji.net/jishujiaocheng/149930.html

评论

  • 验证码