How can we convert an nested object in an array into an array?

Question

I have the object as below:

const givenData = {
        "ProcessA": { "state": "on", "used": "16.41" },
        "ProcessB": { "state": "off", "used": "16.40" },
        "ProcessC": { "state": "off", "used": "16.36" },
        "ProcessD": { "state": "on", "used": "16.45" }
  };

And I want my output as below two different objects:

  let ob1= {
     "ProcessA":"on",
     "ProcessB":"off",
     "ProcessC":"off",
     "ProcessD":"on",
   }

  let obj2={
     "ProcessA":"16.41",
     "ProcessB":"16.40",
     "ProcessC":"16.36",
     "ProcessD":"16.45",
   }

can anyone suggest me if there is any easy solution for this?

What have you tried so far to solve this on your own? A simple for...in... would be enough (if you know the names of the properties) — Andreas
– Andreas, Commented Jul 23, 2020 at 9:42
I think this your answer. please checked it. stackoverflow.com/questions/44520500/… — Dakshina
– Dakshina, Commented Jul 23, 2020 at 9:43

Muhammad Ali · Accepted Answer · 2020-07-23 09:45:42Z

1

You can create a reusable function to achieve this:

function getObj(obj, givenKey) {
  return Object
           .keys(obj)
           .reduce((final, key) => ({ ...final, [key]: obj[key][givenKey] }), {})
}

const obj1 = getObj(givenData, "state")
const obj2 = getObj(givenData, "used")

answered Jul 23, 2020 at 9:45

Muhammad Ali

2,6582 gold badges18 silver badges22 bronze badges

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

1 Comment

Ravi Kukreja Over a year ago

@Raghu Doing it separately for properties state and used makes the process inefficient. See my answer.

8HoLoN · Accepted Answer · 2020-07-23 09:48:23Z

1

Here is what you want:

const givenData = {
    "ProcessA": { "state": "on", "used": "16.41" },
    "ProcessB": { "state": "off", "used": "16.40" },
    "ProcessC": { "state": "off", "used": "16.36" },
    "ProcessD": { "state": "on", "used": "16.45" }
};

const a = {};
const b = {};
for (k in givenData) {
    a[k] = givenData[k].state;
    b[k] = givenData[k].used;
}
console.log(a, b)

answered Jul 23, 2020 at 9:48

8HoLoN

1,1607 silver badges15 bronze badges

1 Comment

Andreas Over a year ago

Don’t always add “here’s what you want” or nothing to your answers. Instead describe the problem with OPs attempt and the changes you made to fix it.

Ravi Kukreja · Accepted Answer · 2020-07-23 10:06:23Z

0

You can achieve using reduce and Object.keys:

const givenData = {
    "ProcessA": { "state": "on", "used": "16.41" },
    "ProcessB": { "state": "off", "used": "16.40" },
    "ProcessC": { "state": "off", "used": "16.36" },
    "ProcessD": { "state": "on", "used": "16.45" }
};

const {obj1, obj2} = Object.keys(givenData).reduce((acc, cur) => ({obj1:{...acc.obj1, [cur]: givenData[cur].state}, obj2:{...acc.obj2,[cur]:givenData[cur].used}}), {});

console.log(obj1)
console.log(obj2)

edited Jul 23, 2020 at 10:06

answered Jul 23, 2020 at 9:53

Ravi Kukreja

6471 gold badge8 silver badges18 bronze badges

Collectives™ on Stack Overflow

How can we convert an nested object in an array into an array?

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related