📜  typescript 对象数组 - TypeScript (1)

📅  最后修改于: 2023-12-03 14:48:05.190000             🧑  作者: Mango

TypeScript 对象数组

在 TypeScript 中,对象数组是一种常见的数据结构类型。对象数组通常由一组具有相同结构的对象组成,每个对象具有多个属性和值。

声明对象数组

要声明一个对象数组,可以使用以下语法:

interface MyObject {
  name: string;
  age: number;
}

const myArray: MyObject[] = [
  { name: 'Alice', age: 21 },
  { name: 'Bob', age: 32 },
  { name: 'Charlie', age: 45 }
];

在这个例子中,我们定义了一个 MyObject 接口来表示对象数组中的每个对象,然后声明了一个名为 myArray 的数组,其类型为 MyObject[]。数组中包含三个对象,每个对象都有一个字符串类型的 name 属性和一个数字类型的 age 属性。

访问对象数组

访问对象数组中的成员可以使用以下语法:

console.log(myArray[0].name); // 输出 "Alice"

myArray.forEach(obj => console.log(`${obj.name} is ${obj.age} years old`));
// 输出 "Alice is 21 years old"
// 输出 "Bob is 32 years old"
// 输出 "Charlie is 45 years old"

我们使用数组下标 0 访问第一个对象的 name 属性,然后使用 forEach 循环遍历数组中的每个对象,输出他们的 nameage 属性。

修改对象数组

要修改对象数组中的成员,可以使用以下语法:

myArray[1].age = 33;
console.log(myArray[1]); // 输出 { name: 'Bob', age: 33 }

我们修改了数组中第二个对象的 age 属性,并输出了修改后的对象。

结论

通过 TypeScript 中的对象数组,我们可以更好地组织和管理代码中的数据,使其更易于维护和扩展。在编写代码时,需要维护一致的对象结构和属性类型。我们可以为每一个对象定义一个接口,以确保对象拥有正确的属性和类型。