Javascript 打印JSON嵌套对象

带有嵌套对象的Json对象，要在laravel刀片的循环中打印的嵌套对象 下面是我的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]

index

您可以在循环中使用

JSON.parse

，以便按索引访问照片：

var-cart=[
{
“id”：6，
“产品名称”：“Kinoki洁面排毒脚垫-10垫2”，
“当前价格”：“450”，
“照片：”{“0\”：“1-big\u 1595747597.jpg\”，“1\”：“2-big\u 1595747597.jpg\”，“2\”：“3-big\u 1595747597.jpg\”，“3\”：“4-big\u 1595747597.jpg\”，
“数量”：5
},
{
“id”：5，
“产品名称”：“Kinoki洁面排毒脚垫-10个脚垫”，
“当前价格”：“450”，
“照片：”{“0\”：“1-big\u 1595747555.jpg\”，“1\”：“2-big\u 1595747555.jpg\”，“2\”：“3-big\u 1595747555.jpg\”，“3\”：“4-big\u 1595747555.jpg\”，
“数量”：3
},
{
“id”：4，
“产品名称”：“Kinoki洁面排毒脚垫-10脚垫”，
“当前价格”：空，
“照片：”{“0\”：“1-big\u 1595747521.jpg\”，“1\”：“2-big\u 1595747521.jpg\”，“2\”：“3-big\u 1595747522.jpg\”，“3\”：“4-big\u 1595747522.jpg\”，
“数量”：2
}
]
用于（购物车的常量产品）{
const photo=JSON.parse（product.photo）；
console.log（照片[0]）
}

只需执行以下操作：

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

你可以试试这个

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

console.log(photos);

---

是否要在

blade

文件中打印它？在blade文件中是，如下所示：