在无效数组中获取第一个对象

Question

我有一个类似的数组：

episodes?: Episode[];

在一个函数中，我想在该数组中获取第一个对象。我尝试了以下内容：

let episode: Episode = this.episodes?[0];

或

var episode = this.episodes?[0];

两者都会给出以下错误：

错误：src/app/pissodes/pissodes.component.ts：30：45-错误ts1005：'：'预期。

如何从此数组中获取项目？

Answer 1

您需要。

this.episodes?.[0];

请参见Playground

---

但是，您仍然有一个类型错误：

let episode: Episode = this.episodes?.[0];

这是因为右侧的结果可能是 undefined 。如何处理这取决于您。但是，您需要以某种方式处理类型是情节|的事实。未定义。

例如，您必须测试值首先存在：

let episode = this.episodes?.[0];
if (episode) {
  console.log(episode.season) // works
} else {
  throw new Error("one episode is required!")
}

请参阅操场