如何访问 JavaScript 中 object 的属性？

Question

所以这可能是一个愚蠢的问题，但我是 JavaScript 的新手，并没有设法在其他任何地方找到答案。

我正在尝试从 spotify url 获取标题和艺术家。 我通过使用 2 个 api 来做到这一点：Isomorphic Unfetch 和 spotify-url-info。

这是我的代码：

getPreview(url).then(data => console.log(data))

当我运行该代码时，它会显示：

{
  date: '1961-10-20T00:00:00.000Z',   
  title: "Can't Help Falling in Love",
  type: 'track',
  track: "Can't Help Falling in Love",
  description: undefined,
  artist: 'Elvis Presley',
  image: 'https://i.scdn.co/image/ab67616d0000b273f96cefb0197694ad440c3314',
  audio: 'https://p.scdn.co/mp3-preview/5b97db904e564c1b7d140ef45cb83b1da4233d17',
  link: 'https://open.spotify.com/track/44AyOl4qVkzS48vBsbNXaC',
  embed: 'https://embed.spotify.com/?uri=spotify:track:44AyOl4qVkzS48vBsbNXaC'
}

但现在我的问题是，如何将标题和艺术家提取到单独的变量中，以便我可以使用数据？

Answer 1

你可以做

const {title, artist} = data

这会给你两个不同的变量。 一个包含艺术家，另一个包含标题，只要它们的键与data object 匹配即可；

或者你可以做

const music = {title: data.title, artist: data.artist}

这将创建一个带有标题和曲目的新 object。 像这样：

{
  title: "can't help falling in love",
  artist: "Elvis Presley"
}

但是你绝对可以在不解构的情况下使用他们的数据，就像我之前做的那样，你可以使用data.artist等等。 例如：

console.log(data.artist) //"Elvis Presley"