打印 JSON 嵌套 object

Question

Json object with nested objects, nested objects to be print in for loop of laravel-blade This is my JSON Object below:

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]索引

Answer 1

您可以在循环中使用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]) }

Answer 2

只需这样做：

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

Answer 3

你可以试试这个

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

console.log(photos);