javascript - 将父数组元素和子数组插入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 给出的完美答案欢迎 future 的答案，因为我们可以知道实现相同 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))