TypeScript：获取嵌套在对象中的对象

在 Typescript 中，获取嵌套在对象中的对象是一个常见的需求。本文将介绍如何使用 TypeScript 获取嵌套在对象中的对象，包括嵌套对象和数组。

嵌套对象

假设我们有以下对象：

const person = {
  name: 'John Doe',
  address: {
    street: '123 Main St',
    city: 'Anytown',
    state: 'CA'
  }
};

现在，我们希望获取 address 对象，我们可以使用以下代码：

const address = person.address;

这样我们就可以访问 address 对象的属性：

console.log(address.street); // '123 Main St'

嵌套数组

类似地，如果我们有以下对象：

const people = [
  {
    name: 'John Doe',
    age: 30
  },
  {
    name: 'Jane Doe',
    age: 25
  },
  {
    name: 'Bob Smith',
    age: 45
  }
];

现在，我们希望获取第二个人的对象，也就是 { name: 'Jane Doe', age: 25 }。我们可以使用以下代码：

const person = people[1];

这样我们就可以访问 person 对象的属性：

console.log(person.name); // 'Jane Doe'
console.log(person.age); // 25

获取多层嵌套的对象

如果我们需要获取多层嵌套的对象，可以使用以下代码：

const person = {
  name: 'John Doe',
  address: {
    street: '123 Main St',
    city: 'Anytown',
    state: 'CA'
  }
};

const state = person.address.state;
console.log(state); // 'CA'

获取不存在的属性

如果我们尝试获取一个不存在的属性，TypeScript 会抛出一个编译时错误：

const person = {
  name: 'John Doe'
};

console.log(person.address); // Error: Property 'address' does not exist on type '{ name: string; }'.

为了避免这个错误，我们可以使用可选的属性：

interface Person {
  name: string;
  address?: {
    street: string;
    city: string;
    state: string;
  };
}

const person: Person = {
  name: 'John Doe'
};

console.log(person.address); // undefined

在这个例子中，我们将 address 属性定义为可选的。这样我们就可以安全地获取这个属性，即使它不存在。