accessing a json child object not in an array

Question

I'm trying to accessing a json child object which is not in an array. i've tried accessing it with my below script but its not working. i want to be able to access the menuCategory Object

JSON

 [
  {
    "id": 67,
    "name": "Wednesday Menu",
    "serveDate": "2019-06-12 00:00:00",
    "expiryDate": "2019-06-12 16:11:00",
    "status": "APPROVED",
    "isEnabled": true,
    "meals": [
      {
        "id": 45,
        "name": "Waakye, Gari and Wele",
        "description": "A very well designed food for all kids",
        "image": "",
        "mealType": "LUNCH",
        "unitPrice": 30,
        "status": "ENABLED"
      },
      {
        "id": 46,
        "name": "Gari and Beans",
        "description": "A very well designed food for all kidsss",
        "image": "",
        "mealType": "LUNCH",
        "unitPrice": 12,
        "status": "ENABLED"
      }
    ],
    "menuCategory": {
      "id": 2,
      "name": "hello"
    }
  }
]

JAVASCRIPT

callEditMenu(parent, content) {
  this.modalService.open(content);
  this.editMenuCategoryId = parent.menuCategory.id;
}

Vishnu · Accepted Answer · 2019-06-12 18:25:47Z

1

May be like

const parent = [{"id":67,"name":"Wednesday Menu","serveDate":"2019-06-12 00:00:00","expiryDate":"2019-06-12 16:11:00","status":"APPROVED","isEnabled":true,"meals":[{"id":45,"name":"Waakye, Gari and Wele","description":"A very well designed food for all kids","image":"","mealType":"LUNCH","unitPrice":30,"status":"ENABLED"},{"id":46,"name":"Gari and Beans","description":"A very well designed food for all kidsss","image":"","mealType":"LUNCH","unitPrice":12,"status":"ENABLED"}],"menuCategory":{"id":2,"name":"hello"}}]

console.log(parent[0].menuCategory.id);

answered Jun 12, 2019 at 18:25

Vishnu

8976 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mhu · Accepted Answer · 2019-06-12 20:25:07Z

1

If the parent argument in the callEditMenu function is referring to the JSON you included then try parent[0].menuCategory.id

edited Jun 12, 2019 at 20:25

mhu

18.1k10 gold badges67 silver badges97 bronze badges

answered Jun 12, 2019 at 18:27

edotcarter

74 bronze badges

Comments

Garry · Accepted Answer · 2019-06-12 18:28:39Z

let arr = [{"id":67,"name":"Wednesday Menu","serveDate":"2019-06-12 00:00:00","expiryDate":"2019-06-12 16:11:00","status":"APPROVED","isEnabled":true,"meals":[{"id":45,"name":"Waakye, Gari and Wele","description":"A very well designed food for all kids","image":"","mealType":"LUNCH","unitPrice":30,"status":"ENABLED"},{"id":46,"name":"Gari and Beans","description":"A very well designed food for all kidsss","image":"","mealType":"LUNCH","unitPrice":12,"status":"ENABLED"}],"menuCategory":{"id":2,"name":"hello"}}]

for (let item of arr)  {
  if (item.hasOwnProperty("menuCategory")) {
    console.log(item["menuCategory"]);
  }
};

let res = arr.filter((item) => item && item.menuCategory);
console.log(res[0].menuCategory);

In case you need to find it dynamically. Above are two different ways

Saksham · Accepted Answer · 2019-06-12 18:35:01Z

Considering there would be multiple items in your array of objects, you can iterate through each object to get the menuCategory name as

let obj = [
  {
    "id": 67,
    "name": "Wednesday Menu",
    "serveDate": "2019-06-12 00:00:00",
    "expiryDate": "2019-06-12 16:11:00",
    "status": "APPROVED",
    "isEnabled": true,
    "meals": [
      {
        "id": 45,
        "name": "Waakye, Gari and Wele",
        "description": "A very well designed food for all kids",
        "image": "",
        "mealType": "LUNCH",
        "unitPrice": 30,
        "status": "ENABLED"
      },
      {
        "id": 46,
        "name": "Gari and Beans",
        "description": "A very well designed food for all kidsss",
        "image": "",
        "mealType": "LUNCH",
        "unitPrice": 12,
        "status": "ENABLED"
      }
    ],
    "menuCategory": {
      "id": 2,
      "name": "hello"
    }
  }
];

obj.forEach(elem => {
  console.log(elem.menuCategory.name);
});

Collectives™ on Stack Overflow

accessing a json child object not in an array

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related