Json formatted object to simple array with new key

Question

I have a object like this:

{
            "ABC":{"minValue":0,"maxValue":5},
            "XYZ":{"minValue":0,"maxValue":5},
            "PQR":{"minValue":0,"maxValue":5},
            "overall":{"minValue":0,"maxValue":5}
}

I am trying to make a simple array like this

[
            ["type":"ABC","minValue":0,"maxValue":5],
            ["type":"XYZ","minValue":0,"maxValue":5],
            ["type":"PQR","minValue":0,"maxValue":5],
            ["type":"overall","minValue":0,"maxValue":5]
]

not getting idea how to get it.

Here is my attempt:

var s = scoreFilters;  //my json object
    var out = Object.keys(s).map(function(data){
        console.log(data)
        return [["type":data,"minValue":data.minValue,"maxValue":data.maxValue]];
    });

I think ["type":"ABC","minValue":0,"maxValue":5] should be {"type":"ABC","minValue":0,"maxValue":5} — Senal
– Senal, Commented Mar 19, 2019 at 6:08
Yes Senal is right. You can't have a array with key value pairs. — Ashutosh Yadav
– Ashutosh Yadav, Commented Mar 19, 2019 at 6:16

CertainPerformance · Accepted Answer · 2019-03-19 06:07:15Z

2

Assuming you want an array of objects for your output, you can .map the Object.entries of your input:

const obj = {
  "ABC":{"minValue":0,"maxValue":5},
  "XYZ":{"minValue":0,"maxValue":5},
  "PQR":{"minValue":0,"maxValue":5},
  "overall":{"minValue":0,"maxValue":5}
};
const arr = Object.entries(obj).map(([type, { minValue, maxValue }]) => ({
  type,
  minValue,
  maxValue
}));
console.log(arr);

answered Mar 19, 2019 at 6:07

CertainPerformance

374k55 gold badges354 silver badges359 bronze badges

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

Comments

adiga · Accepted Answer · 2019-03-19 06:07:07Z

2

You could use Object.entries, map and spread syntax like this:

let input = {"ABC":{"minValue":0,"maxValue":5},"XYZ":{"minValue":0,"maxValue":5},"PQR":{"minValue":0,"maxValue":5},"overall":{"minValue":0,"maxValue":5}}

let output = Object.entries(input).map(([type, values]) => ({ type, ...values}))

console.log(output)

answered Mar 19, 2019 at 6:07

adiga

35.4k9 gold badges66 silver badges88 bronze badges

Comments

Mohammad Usman · Accepted Answer · 2019-03-19 06:09:37Z

1

You can use Object.entries() and .map() to get an array of objects:

const data = {
  "ABC": {"minValue": 0,"maxValue": 5},
  "XYZ": {"minValue": 0,"maxValue": 5},
  "PQR": {"minValue": 0,"maxValue": 5},
  "overall": {"minValue": 0,"maxValue": 5}
};

const result = Object.entries(data)
                     .map(([ k, v ]) => Object.assign({}, {type: k},  v));
                     
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Mar 19, 2019 at 6:09

Mohammad Usman

39.6k20 gold badges99 silver badges101 bronze badges

Collectives™ on Stack Overflow

Json formatted object to simple array with new key

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related