如何使用Jquery的Javascript从具有不同格式的嵌套JSON中提取值？

Question

var cart =
 [
 {
    "Items": "",
    "category": "",
    "contents":
 [
 {
    "Apple iPhone": "222",
    "French": "Bounjour",
    "id": 1234,
    "icon": "/images/bg.jpg",
    "callback": "use()",
    "pricetag":"false"
 }
 ]
 }, 
 {
    "Items": "No 2",
    "category": "2nd",
    "contents":
 [
 {
    "redmi": "333",
    "French": "some text",
    "id": 345787,
    "icon": "/images/bg.jpg",
    "callback": "use()",
    "pricetag":"true"
 }, 
 {
    "samsung": "333",
    "French": "some text",
    "id": 86787876,
    "icon": "/images/bg.jpg",
    "callback": "use()",
    "pricetag":"disabled"
 }
 ]
 }
 ];

Can anyone help me to get the "id" value and "pricetag" value from the above JSON ? It is nested one and can be in different format. But in each, i need to extract id value and pricetag value. I tried so many things but not getting exact output. Can someone please help me ? Sorry for the bad formatting ..

Answer 1

use .map() to iterate and return the desired keys :

 var cart = [{ "Items": "", "category": "", "contents": [{ "Apple iPhone": "222", "French": "Bounjour", "id": 1234, "icon": "/images/bg.jpg", "callback": "use()", "pricetag": "false" }] }, { "Items": "No 2", "category": "2nd", "contents": [{ "redmi": "333", "French": "some text", "id": 345787, "icon": "/images/bg.jpg", "callback": "use()", "pricetag": "true" }, { "samsung": "333", "French": "some text", "id": 86787876, "icon": "/images/bg.jpg", "callback": "use()", "pricetag": "disabled" } ] } ]; let values = cart.map((e) => { return e.contents.map((a) => { return { id: a.id, pricetag: a.pricetag } }) }) console.log(values) 

Answer 2

This should work for you :

   var items=[];
   var some_var;
   const map1 = cart.map(function(item){

     const map2=item.contents.map(function(contentItem){
        //some_var=contentItem.id;
       return{
          pricetag:contentItem.pricetag,
          id:contentItem.id
        }
     })
     items=items.concat(map2)
 });

console.log(items);

Sample output:

[ { pricetag: 'false', id: 1234 },
  { pricetag: 'true', id: 345787 },
  { pricetag: 'disabled', id: 86787876 } ]