Convert nested object into Json Array of object

Question

I want to convert nested object in Json Array.
want to convert this below object

{
  "ErrorPage": {
    "PASS": 2
  },
  "Automated": {
    "PASS": 17,
    "FAIL": 31
  },
  "HomePage(Landing page)": {
    "PASS": 1,
    "FAIL": 6
  }
}

Into json array of object same as mention below

[
  { "category": "ErrorPage"
    "PASS": 2
  },
  {
    "category": "Automated" 
    "PASS": 17,
    "FAIL": 31
  },
  {
    "category": "HomePage(Landing page)" 
    "PASS": 1,
    "FAIL": 6
  }
]

I am doing this:

  this.httpService.getmoduleTest().subscribe((data) => {

      const res = data;
      this.Arr = Object.keys(res).map(key=>{
        return  {
          "category": key,
          "pass": res[key],
          "fail" : res[key]
        }
      }) 
      console.log(this.Arr);


    }

I don't know how to set pass and fail value in it.

In your implementation change {"category": key,"pass": res[key], "fail" : res[key]} to {"category": key,...res[key]} — arizafar
– arizafar, Commented Feb 6, 2020 at 13:56

Ele · Accepted Answer · 2020-02-06 13:59:42Z

4

You can use the function Object.entries along with the function map as follow:

let obj = {"ErrorPage": {"PASS": 2},"Automated": {"PASS": 17,"FAIL": 31},"HomePage(Landing page)": {"PASS": 1,"FAIL": 6}},
    result = Object.entries(obj).map(([category, v]) => ({category, ...v}));
    
console.log(result);

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

edited Feb 6, 2020 at 13:59

answered Feb 6, 2020 at 13:53

Ele

33.8k7 gold badges43 silver badges80 bronze badges

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

Comments

Adrita Sharma · Accepted Answer · 2020-02-06 14:14:33Z

0

Try like this:

  input = {
    ErrorPage: {
      PASS: 2
    },
    Automated: {
      PASS: 17,
      FAIL: 31
    },
    "HomePage(Landing page)": {
      PASS: 1,
      FAIL: 6
    }
  };
  output = [];

  constructor() {
     this.output = Object.keys(this.input).map(category => ({
        ...this.input[category],
        category
     }));
  }

Working Demo

edited Feb 6, 2020 at 14:14

answered Feb 6, 2020 at 13:56

Adrita Sharma

22.3k11 gold badges75 silver badges85 bronze badges

2 Comments

arizafar Over a year ago

why chosing closure [] and [].push over .map ?

Adrita Sharma Over a year ago

@AZ_Thanks for the suggesion

Rohìt Jíndal · Accepted Answer · 2020-02-07 08:01:12Z

0

Try this :

var jsonObj = {
  "ErrorPage": {
    "PASS": 2
  },
  "Automated": {
    "PASS": 17,
    "FAIL": 31
  },
  "HomePage(Landing page)": {
    "PASS": 1,
    "FAIL": 6
  }
};

var arr= [];

Object.keys(jsonObj).map((item) => {
	arr.push({
  	category: item,
    ...jsonObj[item]
  })
});

console.log(arr);

answered Feb 7, 2020 at 8:01

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

Collectives™ on Stack Overflow

Convert nested object into Json Array of object

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related