首页 > 解决方案 > 如何在javascript中解构对象并获取一个键的值?

问题描述

下面是我想要解构并仅提取标题值的 json 数据。

 [{
        "id": 1,
        "title": "Python Crash Course",
        "author": "Eric Matthes",
        "quantity": 5
      },
      {
        "id": 2,
        "title": "Head-First Python",
        "author": "Paul Barry",
        "quantity": 2
      }
    ]

标签: javascriptecmascript-6destructure

解决方案


如果这是一个对象数组并且它在文件中(而不是作为外部文件),那么,

const arrayObj = [
   {
    "id": 1,
    "title": "Head-First Python",
    "author": "Paul Barry",
    "quantity": 1
  },
  ...
]

const {title} = arrayObj[0]
console.log(title) //Head-First Python

这将为您提供数组中一个对象的值。要获取所有“标题”属性,您可以遍历数组。

arrayObj.forEach(el => {
   let {title} = el
})

推荐阅读