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 属性

});

“`