如何在离子3中显示数组数组答案

【问题标题】：How to display an array of array in ionic 3如何在离子3中显示数组数组
【发布时间】：2019-09-10 07:59:43
【问题描述】：

我需要显示数组数组数据。

我的 API 响应：

{
  "product_id": "13",
  "is_master": "0",
  "sku": "Variable_product_15",
  "upc": "",
  "price": "40.00000",
  "pricing_calculator": "standard",
  "shipping": "0",
  "params": "{\"variant_main_image\":\"images\\/themeparrot\\/clothing_products_06.png\"}",
  "length": "0.00000",
  "width": "0.00000",
  "height": "0.00000",
}

在这个数组中我需要显示variant_main_image。

我的ts：

variableprod() {
  let j2s = this.vproductsj2sid.find(x => x.j2store_variant_id === this.vprodid);
  console.log("show"+JSON.stringify(j2s));
  this.vcategorydata =JSON.parse(JSON.stringify(j2s.price));
  console.log(JSON.stringify("vname: "+JSON.stringify(this.vcategorydata)));
  this.vpdimages = JSON.parse(JSON.stringify(j2s.params));
  this.vimg = this.vpdimages.variant_main_image; 
  console.log(JSON.stringify("vimg: "+JSON.stringify(this.vimg)));
}

在日志中，只显示"vimg: undefined"

【问题讨论】：

标签： arrays typescript api ionic-framework ionic3

【解决方案1】：

试试

let apiRespose = {
  "product_id": "13",
  "is_master": "0",
  "sku": "Variable_product_15",
  "upc": "",
  "price": "40.00000",
  "pricing_calculator": "standard",
  "shipping": "0",
  "params": "{\"variant_main_image\":\"images\\/themeparrot\\/clothing_products_06.png\"}",
  "length": "0.00000",
  "width": "0.00000",
  "height": "0.00000",
};

let receivedData = JSON.parse(apiRespose);
console.log(receivedData.variant_main_image)

【讨论】：

【解决方案2】：

this.vpdimages = JSON.parse(j2s.params);

仅使用 JSON.parse() 代替

this.vpdimages = JSON.parse(JSON.stringify(j2s.params));

【讨论】：