打印 JSON 嵌套对象答案

【问题标题】：Print JSON nested object打印 JSON 嵌套对象
【发布时间】：2020-11-15 17:35:55
【问题描述】：

带有嵌套对象的 Json 对象，嵌套对象在 laravel-blade 的 for 循环中打印这是我下面的 JSON 对象：

var cart = [
  {
    "id": 6,
    "product_name": "Kinoki Cleansing Detox Foot Pad - 10 Pads2",
    "current_price": "450",
    "photo": "{\"0\":\"1-big_1595747597.jpg\",\"1\":\"2-big_1595747597.jpg\",\"2\":\"3-big_1595747597.jpg\",\"3\":\"4-big_1595747597.jpg\"}",
    "qty": 5
  },
  {
    "id": 5,
    "product_name": "Kinoki Cleansing Detox Foot Pad - 10 Pads",
    "current_price": "450",
    "photo": "{\"0\":\"1-big_1595747555.jpg\",\"1\":\"2-big_1595747555.jpg\",\"2\":\"3-big_1595747555.jpg\",\"3\":\"4-big_1595747555.jpg\"}",
    "qty": 3
  },
  {
    "id": 4,
    "product_name": "Kinoki Cleansing Detox Foot Pad - 10 Pad",
    "current_price": null,
    "photo": "{\"0\":\"1-big_1595747521.jpg\",\"1\":\"2-big_1595747521.jpg\",\"2\":\"3-big_1595747522.jpg\",\"3\":\"4-big_1595747522.jpg\"}",
    "qty": 2
  }
]

我想在 for 循环中打印 cart.photo[0] 索引

【问题讨论】：

你想打印到blade文件吗？
在刀片文件中是这样的：

标签： javascript arrays json object laravel-blade

【解决方案1】：

你可以试试这个

var photos = cart.map(c => {
   const photo = JSON.parse(c['photo']);
   return photo[0];
});

console.log(photos);

【讨论】：

【解决方案2】：

简单地做：

cart.forEach((item) => console.log(JSON.parse(item.photo)[0]));

【讨论】：

【解决方案3】：

您可以在循环中使用JSON.parse 以按索引访问照片：

var cart = [
  {
    "id": 6,
    "product_name": "Kinoki Cleansing Detox Foot Pad - 10 Pads2",
    "current_price": "450",
    "photo": "{\"0\":\"1-big_1595747597.jpg\",\"1\":\"2-big_1595747597.jpg\",\"2\":\"3-big_1595747597.jpg\",\"3\":\"4-big_1595747597.jpg\"}",
    "qty": 5
  },
  {
    "id": 5,
    "product_name": "Kinoki Cleansing Detox Foot Pad - 10 Pads",
    "current_price": "450",
    "photo": "{\"0\":\"1-big_1595747555.jpg\",\"1\":\"2-big_1595747555.jpg\",\"2\":\"3-big_1595747555.jpg\",\"3\":\"4-big_1595747555.jpg\"}",
    "qty": 3
  },
  {
    "id": 4,
    "product_name": "Kinoki Cleansing Detox Foot Pad - 10 Pad",
    "current_price": null,
    "photo": "{\"0\":\"1-big_1595747521.jpg\",\"1\":\"2-big_1595747521.jpg\",\"2\":\"3-big_1595747522.jpg\",\"3\":\"4-big_1595747522.jpg\"}",
    "qty": 2
  }
]

for (const product of cart) {
  const photo = JSON.parse(product.photo);
  console.log(photo[0])
}

【讨论】：