如何从另一个对象获取特定属性？

Question

我有一个 Firebase 数据库，其中有几个对象及其属性。

{
  "products": [{
    "sku": "70741",
    "name": "Name",
    "image": "name.png",
    "quantity": 12,
    "price": {
      "value": 2.10,
      "type": "simple"
    },
    "attributes": {
      "0": "2",
      "1": "4",
      "2": "2|1|3",
      "3": "1|2",
      "4": "2",
      "5": "6|7"
    }
  }
],
  "attributes": [{
    "id": 0,
    "name": "name1",
    "type": "type1"
  },
  {
    "id": 1,
    "name": "name2",
    "type": "type2"
  },
  {
    "id": 2,
    "name": "name3",
    "type": "type1"
  }
],
  "attributesIdValue": [
    "companyName1|companyName2|companyName3|companyName4",
    "typeName1|typeName2|typeName3|typeName4",
    "address1|address2|address3|address4",
    "1|2|3",
    "country1|country2|country3|country4",
    "number1|number2|number3|number4"
  ]}

products.attributes 中的键应该指向 attributes.id 和 attributesIdValue.id，products.attributes 中的 value 应该指向 attributesIdValue，具体取决于它的 id 和 value。

我怎样才能用 vue.js 得到这样的东西： product.attributes.0 应该显示这个产品的companyName product.attributes.1 应该显示此产品的typeName product.attributes.2 应该显示此产品的address

{{ product.price.value }}工作并显示值，但我无法访问这些属性。

------- 编辑 换句话说，我想要的是这样的东西，而不是上面的：

  "products": [{
    "sku": "70741",
    "name": "Name",
    "image": "name.png",
    "quantity": 12,
    "price": {
      "value": 2.10,
      "type": "simple"
    },
    "attributes": {
      "attributes.0": "attributesIdValue.2",
      "attributes.1": "attributesIdValue.4",
      "attributes.2": "attributesIdValue.2|attributesIdValue.1|attributesIdValue.3",
      "attributes.3": "attributesIdValue.1|attributesIdValue.2",
      "attributes.4": "attributesIdValue.2",
      "attributes.5": "attributesIdValue.6|attributesIdValue.7"
    }
  }
],
  "attributes": [{
    "id": 0,
    "name": "name1",
    "type": "type1"
  },
  {
    "id": 1,
    "name": "name2",
    "type": "type2"
  },
  {
    "id": 2,
    "name": "name3",
    "type": "type1"
  }
],
  "attributesIdValue": [
    "companyName1|companyName2|companyName3|companyName4",
    "typeName1|typeName2|typeName3|typeName4",
    "address1|address2|address3|address4",
    "1|2|3",
    "country1|country2|country3|country4",
    "number1|number2|number3|number4"
  ]}

这会输出那些里面的数据。

Answer 1

你试过 JSON.parse(data);

例子：

var data = '{ "products": [{ "sku": "70741", "name": "Name", "image": "name.png", "quantity": 12, "price": { "value": 2.10, "type": "simple" }, "attributes": { "0": "2", "1": "4", "2": "2|1|3", "3": "1|2", "4": "2", "5": "6|7" } } ], "attributes": [{ "id": 0, "name": "name1", "type": "type1" }, { "id": 1, "name": "name2", "type": "type2" }, { "id": 2, "name": "name3", "type": "type1" } ], "attributesIdValue": [ "companyName1|companyName2|companyName3|companyName4", "typeName1|typeName2|typeName3|typeName4", "address1|address2|address3|address4", "1|2|3", "country1|country2|country3|country4", "number1|number2|number3|number4" ]}';


obj = JSON.parse(data);

console.log(obj.attributes[0].name);