formatting dynamic json array

Question

I have an json array as follows:

Maindata=[
  {"name":"string1"},
  {"name":"string2"},
  {"name":"string3"}
 ];

what I need is an array of following type:

data=[
  {
   "name":"string1",
   "name":"string2",
   "name":"string3"
  }
 ];

can anybody help me with some methods to obtain required json from original array. (note: maindata is json array formed dynamically thats why its structure is like that)

Thanks in advance

Your second JSON is not valid JSON since object cannot have duplicated name. — Solomon Tam
– Solomon Tam, Commented Feb 28, 2017 at 10:24
as I said Maindata is obtained dynamically creating html elemnts. like clicking a button so to add textboxes. So key of each element remains same. value String differs for each of them — swaroop sg
– swaroop sg, Commented Feb 28, 2017 at 11:57

Nina Scholz · Accepted Answer · 2017-02-28 10:24:51Z

2

You could use Object.assign and spread the array elements.

var array = [{ name1: "string1" }, { name2: "string2" }, { name3: "string3" }],
    object = Object.assign({}, ...array);
    
console.log(object);

answered Feb 28, 2017 at 10:24

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

RaR · Accepted Answer · 2017-02-28 10:25:27Z

0

With reduce, you can do like following

    var Maindata = [{
      "name1": "string"
    }, {
      "name2": "string"
    }, {
      "name3": "string"
    }];

    var finalObj = Maindata.reduce((acc, cur) => {
      Object.assign(acc, cur);
      return acc;
    }, {})

    console.log(finalObj);

answered Feb 28, 2017 at 10:25

RaR

3,2433 gold badges29 silver badges49 bronze badges

2 Comments

swaroop sg Over a year ago

its working if name and string are unique every time as your answer says. but in my case "name" stays same at each element so its returning only last element. can you update your answer. thank you

RaR Over a year ago

You cannot have two properties of a single object with the same name.

Vladu Ionut · Accepted Answer · 2017-02-28 10:30:17Z

You can use Array.forEach or Array.reduce to iterate though the items of the Maindata object and for each item you can iterate through its keys(using Object.keys) and group the data into a new structure.(See the below snippet)

Solution using Array.forEach

var Maindata=[
  {"name1":"string1"},
  {"name2":"string2"},
  {"name3":"string3"}
 ];
 var result = {};
 var newMaindata=[];
 Maindata.forEach(function(el){
 Object.keys(el).forEach(function(key){
 result[key]=el[key];
 });
 });
 newMaindata.push(result);
 
 console.log(newMaindata);

Solution using Array.reduce

var Maindata = [{
  "name1": "string1"
}, {
  "name2": "string2"
}, {
  "name3": "string3"
}];
var result ;
var newMaindata = [];
result = Maindata.reduce(function(acc,el) {
  Object.keys(el).forEach(function(key) {
    acc[key] = el[key];
  });
  return acc;
},{});
newMaindata.push(result);

console.log(newMaindata);

Collectives™ on Stack Overflow

formatting dynamic json array

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