javascript - 从不同的方式读取数组给我不同的结果

Question

我尝试使用 redux 来存储我的数据并使用全局状态中的数据。问题是我不明白为什么第三个 console.log() 不起作用。

const results = this.props.popMovies

/* work */ console.log(this.props.popMovies[0].title)

                                    for (var i = 0; i < this.props.popMovies.length; i++)
/* work */ console.log(this.props.popMovies[i].title);

/* dosen't work */ console.log(...results.title)

如果有人能向我解释原因，它可以帮助我。 谢谢。

Answer 1

因为results是一个数组并且没有任何标题属性title。所以你实际上在做

console.log(...undefined)

首先，您可以使用 map() 排列所有标题然后将其传递给 console.log

console.log(...results.map(x => x.title))

这里是使用演示数组的演示。

const result = [{title:"title1"},{title:"title2"},{title:"title3"}]

console.log(...result.map(x => x.title))