将嵌套的 JSON 值推送到数组

Question

I have a JSON array of the following type:

"team": [ 
          {
            "paid": {
                "refugee": 2018,
                  "local": 29000, 
                  "international": 12000
            }
        },
        {
            "unpaid": {
                "refugee": 2019,
                "local": 39000, 
                "international": 19000
            }
        }
    ]

I would like to push the values of matching keys into an array, so that I end up with the following new arrays:

var refugees = [2018, 2019]
var local = [29000, 39000]
var international = [12000, 19000]

and so on..

What would be a simple method of doing this? I have succesfully used jQuery in the past for this but need a Javascript only solution:

$.each(team, function (i, v) {
                var teams = v;
                console.log(teams);
                $.each(v, function (i, v) {
                    refugees.push(v.refugee);
                    local.push(v.local);
                    international.push(v.international);
                });
            });

Answer 1

Try this

 var a={"team" : [ { "paid": { "refugee": 2018, "local": 29000, "international": 12000 } }, { "unpaid": { "refugee": 2019, "local": 39000, "international": 19000 } } ]} var refugee=[]; var local=[]; var international=[]; a.team.map((e)=>{ if(e.paid) { refugee.push(e.paid.refugee); local.push(e.paid.local); international.push(e.paid.international) } else { refugee.push(e.unpaid.refugee); local.push(e.unpaid.local); international.push(e.unpaid.international) } }) console.log(local) console.log(international) console.log(refugee) 

Answer 2

You can use reduce.

So here the idea is we are taking a the keys and mapping it to output object. we keep checking if the key is already their in output object we push the value to that particular key and if not we add a new property with value.

 let obj = {"team":[{"paid":{"refugee":2018,"local":29000,"international":12000}},{"unpaid":{"refugee":2019,"local":39000,"international":19000}}]} let op = obj.team.reduce((output,current)=>{ let temp = Object.values(current)[0] let values = Object.keys(temp) values.forEach(ele=>{ if(output[ele]){ output[ele].push(temp[ele]) } else { output[ele] = [temp[ele]] } }) return output; }, {}) console.log(op) 

Answer 3

Something like this would work if you wanted a few one-liners:

let local = team.reduce((acc, item) => acc.concat(Object.values(item).map(val => val.local)), []);

let refugee = team.reduce((acc, item) => acc.concat(Object.values(item).map(val => val.refugee)), []);

Answer 4

In it's simplest form, you can just get the right path to you object property and set it. More than likely, it's not going to be that straight forward in your use case. You will more than likely need to use some sort of method to find the object you're after and then set it form there. .find , .filter and .includes are excellent tools for searching arrays for content.

One thing to also note here is that the current values of refugee and local are not in array format . With that being said .push is not an option. You first need to set the property value to an array, then you may use Array.push

• Array.filter
• Array.find
• Array.includes

 const json = {"team": [ { "paid": { "refugee": 2018, "local": 29000, "international": 12000 } }, { "unpaid": { "refugee": 2019, "local": 39000, "international": 19000 } } ]}; json.team[0].paid.refugee = [2018, 2019]; json.team[0].paid.local = [2900, 3900]; console.log(json); 

Answer 5

Use Array#reduce, Object#values, Object#entries, spread syntax, destructuring and Map

 const data={"team":[{"paid":{"refugee":2018,"local":29000,"international":12000}},{"unpaid":{"refugee":2019,"local":39000,"international":19000}}]} const res = data.team.reduce((a,c)=>{ Object.values(c) .map(Object.entries) .flat() .forEach(([k,v])=>{ const arr = a.get(k) || []; arr.push(v) a.set(k, arr); }) return a; }, new Map()) //get all console.log([...res.values()]); //get by type console.log(res.get('refugee')); console.log(res.get('local')); console.log(res.get('international'));