Parse array of json objects into a particular format of array of json as per requirement in project

Question

based on my requiremrnt in my project i am getting the below array of json as input but i need to convert that into a particular format of array of json object.

[
  {
    "accident_description": "bike accident",
    "reported_by": "john",

  },
   {
    "accident_description": "car accident",
    "reported_by": "sam",

  }
]

output>>>

  "fields": [
    {
      "title": "accident_description",
      "values": "bike accident"
      "type": "generic",

    },
    {
      "title": "reported_by",
      "values": "john",
      "type": "generic",

    },
    {
      "title": "accident_description",
      "values": "car accident"
      "type": "generic",

    },
    {
      "title": "reported_by",
      "values": "sam",
      "type": "generic",

    },
  ]

to answer the question you deleted (which wasn't really a duplicate of this, just the next step in your code) ... arr.flatMap(o=>Object.entries(o).flatMap(([k,v],i)=>[{title:k,values:v,type:'generic'}].concat(i%2?[{title:'title1',values:'value1',type:'type1'},{title:'title2',values:'value2',type:'type2'}]:[]))); — Jaromanda X
– Jaromanda X, Commented Apr 22, 2019 at 13:32

RK_15 · Accepted Answer · 2019-04-17 13:02:40Z

2

You can use the reduce function to get the desired output :-

[
  {
    "accident_description": "bike accident",
    "reported_by": "john",

  },
   {
    "accident_description": "car accident",
    "reported_by": "sam",

  }
].reduce((arr,item) => {
    for(let key in item){
        arr.push({
            "title" : key,
            "values" : item[key],
            "type"  : "generic"
        });
    }
    return arr;

},[]);

answered Apr 17, 2019 at 13:02

RK_15

9395 silver badges11 bronze badges

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

Comments

adiga · Accepted Answer · 2019-04-17 13:46:29Z

2

You could map the Object.entires of each object like this:

const input=[{"accident_description":"bike accident","reported_by":"john",},{"accident_description":"car accident","reported_by":"sam",}],
      type = "generic";

const output = input.flatMap(Object.entries)
                    .map(([title, values]) => ({ title, values, type }))
     
console.log(output)

edited Apr 17, 2019 at 13:46

answered Apr 17, 2019 at 13:01

adiga

35.4k9 gold badges65 silver badges88 bronze badges

Comments

Maheer Ali · Accepted Answer · 2019-04-17 13:09:33Z

1

you can use flatMap() and map().

Inside flatMap() get the entries of object using Object.entires()
Then apply map() on the entries and return an object.

const arr = [ { "accident_description": "bike accident", "reported_by": "john", }, { "accident_description": "car accident", "reported_by": "sam", } ];

let res = arr.flatMap(x => (Object.entries(x).map(([k,v]) => ({title:k,values:v,type:"generic"}))));

console.log(res)

edited Apr 17, 2019 at 13:09

answered Apr 17, 2019 at 13:01

Maheer Ali

36.5k8 gold badges53 silver badges83 bronze badges

Comments

Eddie · Accepted Answer · 2019-04-17 13:18:41Z

1

You can use flatMap to loop thru the array. Use Object.entries to convert each object into an array and map to return the desired object.

let arr = [{"accident_description":"bike accident","reported_by":"john"},{"accident_description":"car accident","reported_by":"sam"}];

let result = arr.flatMap(o => Object.entries(o).map(([v, k]) => ({"title": v,"values": k,"type": "generic"})))

console.log(result);

...Or you can also use concat instead of flatMap

let arr = [{"accident_description":"bike accident","reported_by":"john"},{"accident_description":"car accident","reported_by":"sam"}];

let result = [].concat(...arr.flatMap(o => Object.entries(o).map(([v, k]) => ({"title": v,"values": k,"type": "generic"}))));

console.log(result);

edited Apr 17, 2019 at 13:18

answered Apr 17, 2019 at 13:03

Eddie

26.8k6 gold badges39 silver badges59 bronze badges

Comments

Ashish · Accepted Answer · 2019-04-17 13:57:22Z

-1

You can use flatMap and reduce to achieve what you want to do

flatMap instead of map will create flat array from looping over your input. i.e. your first obj from input array will become two obj in output array. So insted of merging the two objects in one array flatMap will make it flat i.e. two separate entries. Then use reduce and concat to format data from one obj.

const input = [{
    "accident_description": "bike accident",
    "reported_by": "john",

  },
  {
    "accident_description": "car accident",
    "reported_by": "sam",

  }
]

const out = input.flatMap(obj =>
  Object.keys(obj)
  .reduce((acc, cur) =>
    acc.concat({
      title: cur,
      values: obj[cur],
      type: "dynamic"
    }), [])
)

console.log(out)

edited Apr 17, 2019 at 13:57

answered Apr 17, 2019 at 13:05

Ashish

4,3701 gold badge19 silver badges46 bronze badges

Collectives™ on Stack Overflow

Parse array of json objects into a particular format of array of json as per requirement in project

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related