Making array in particular format using javascript object

Question

I have an object as follows:

{
        "id":1,
        "vol":"0.0"
        "vol_per":"0.0%"
        "ABC":"8.30",
        "OFG":"13.85",
        "SPG":"70.80"
        
  }

from this object I want to create a array in following format.

data = [
{field:'vol',header:'VOL'},
{field:'vol_per',header:'VOL%'},
{field:'ABC',header:'ABC'},
{field:'OFG',header:'OFG'},
{field:'APG',header:'SPG'}
]

in this array, field will have value same as key of above object and header values will be similar to shown in data array. Similaryly at run time many attributes can come. How can I do that?

What do you mean by “similar to shown in data array”? Where do "VOL" and "VOL%" come from? Do you mean something like this: Convert object to array of key–value objects like { name: "Apple", value: "0.6" }? — Sebastian Simon
– Sebastian Simon, Commented Jan 21, 2023 at 5:29
@Roma The values for each header property have to come from somewhere. You need to be more specific if you want answers instead of guesses. Edit your post and clarify it. — Sebastian Simon
– Sebastian Simon, Commented Jan 21, 2023 at 5:43

Andrew Parks · Accepted Answer · 2023-01-21 05:40:33Z

0

const obj = {
  "id":1,
  "vol":"0.0",
  "vol_per":"0.0%",
  "ABC":"8.30",
  "OFG":"13.85",
  "SPG":"70.80"
}

const result = Object.entries(obj).filter(([k])=>k!=='id')
  .map(([k,v])=>(
    {field:k, header: `${k.toUpperCase().replace(/_PER$/, '%')}`
  }))

console.log(result)

answered Jan 21, 2023 at 5:40

Andrew Parks

8,1672 gold badges22 silver badges35 bronze badges

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

Comments

Amila Senadheera · Accepted Answer · 2023-01-21 05:47:39Z

0

This would also work:

const input = {
  id: 1,
  vol: "0.0",
  vol_per: "0.0%",
  ABC: "8.30",
  OFG: "13.85",
  SPG: "70.80",
};

const processText = (text) => {
  return text.toString().replace(/_per/g, "%").toLocaleUpperCase();
};

const output = Object.entries(input).reduce((prev, [field]) => {
  if (field !== "id") {
    prev = prev.concat([{ field, header: processText(field) }]);
  }
  return prev;
}, []);

console.log(output);

Using Array.prototype.reduce() and Object.entries()

edited Jan 21, 2023 at 5:47

answered Jan 21, 2023 at 5:41

Amila Senadheera

13.4k16 gold badges31 silver badges48 bronze badges

Collectives™ on Stack Overflow

Making array in particular format using javascript object

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related