將父數組元素和子數組推入javascript中的新數組

Question

"items": {
"hotdrinks": [
  {
    "id": "9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
    "price": 20,
    "name": "Tea",
    "img": "../assets/img/HotDrinks/1_udupibhavan.jpg"
  },
  {
    "id": "9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
    "price": 25,
    "name": "Coffee",
    "img": "../assets/img/Hot Drinks/2_udupibhavan.jpg"
  },
  {
    "id": "9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
    "price": 50,
    "name": "Hot Milk",
    "img": "../assets/img/Hot Drinks/3_udupibhavan.jpg"
  },
  {
    "id": "9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
    "price": 70,
    "name": "Horlicks",
    "img": "../assets/img/Hot Drinks/4_udupibhavan.jpg"
  },
  {
    "id": "9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
    "price": 80,
    "name": "Badam Milk",
    "img": "../assets/img/Hot Drinks/5_udupibhavan.jpg"
  }
],

}

json 我想用javascript來實現。 我只是處理數組和對象的新手。 謝謝發現 Jeeva 給出的答案非常有效，歡迎將來的答案，因為我們可以知道不同的方法來實現相同的 json 對象

 dataArray = [
 {title:"Hotdrinks",
 content: [{
        "id": "9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
        "price": 20,
        "name": "Tea",
        "img": "../assets/img/HotDrinks/1_udupibhavan.jpg"
      },
      {
        "id": "9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
        "price": 80,
        "name": "Badam Milk",
        "img": "../assets/img/Hot Drinks/5_udupibhavan.jpg"
      }
]}

Answer 1

你可以這樣使用。 這可以通過迭代對象來實現。

 const data = { "items":{ "hotdrinks":[ { "id":"9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f", "price":20, "name":"Tea", "img":"../assets/img/HotDrinks/1_udupibhavan.jpg" }, { "id":"9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f", "price":25, "name":"Coffee", "img":"../assets/img/Hot Drinks/2_udupibhavan.jpg" }, { "id":"9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f", "price":50, "name":"Hot Milk", "img":"../assets/img/Hot Drinks/3_udupibhavan.jpg" }, { "id":"9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f", "price":70, "name":"Horlicks", "img":"../assets/img/Hot Drinks/4_udupibhavan.jpg" }, { "id":"9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f", "price":80, "name":"Badam Milk", "img":"../assets/img/Hot Drinks/5_udupibhavan.jpg" } ] } } var dataArray = [] for(k in data.items){ var dataObj = {} dataObj.title = k dataObj.content = data.items[k] //You can also access the object values by using bracket ([]) notation dataArray.push(dataObj) } console.log(JSON.stringify(dataArray))

Answer 2

上述預期的輸出 json 無效。 我們可以做到以下幾點。

[{"title":"Hotdrinks"}, {"content": [  
     {  
        "id":"9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
        "price":20,
        "name":"Tea",
        "img":"../assets/img/HotDrinks/1_udupibhavan.jpg"
     },
     {  
        "id":"9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
        "price":25,
        "name":"Coffee",
        "img":"../assets/img/Hot Drinks/2_udupibhavan.jpg"
     },
     {  
        "id":"9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
        "price":50,
        "name":"Hot Milk",
        "img":"../assets/img/Hot Drinks/3_udupibhavan.jpg"
     },
     {  
        "id":"9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
        "price":70,
        "name":"Horlicks",
        "img":"../assets/img/Hot Drinks/4_udupibhavan.jpg"
     },
     {  
        "id":"9aa113b4-1e4e-4cde-bf9d-8358fc78ea4f",
        "price":80,
        "name":"Badam Milk",
        "img":"../assets/img/Hot Drinks/5_udupibhavan.jpg"
     }
  ]}]

如果您對此感到滿意，那么我將為您提供相同的示例代碼。