Is there a way to append a json object into another json abject in react?

Question

How to append one json object into another json object in reactjs?

My json format from the console is below

Json 1 :

{
 "results": {
             "Action": "Success!"
 },
 "report": {
             "Strategy": "Yes",
             "Plan": "No"
  }
}

Json 2 :

{
     "results": {
                 "Actions": "Failure!"
     },
     "report": {
                 "Idea": "Yep",
                 "Storm": "Nope"
      }
 }

Appended JSON(Desired output format) :

{
     "results": {
                 "Action": "Success!",
                 "Actions": "Failure!"
     },
     "report": {
                 "Strategy": "Yes",
                 "Plan": "No",
                 "Idea": "Yep",
                 "Storm": "Nope"
      }
}

why do you need to create an object with two similar keys? It should be array of object, I guess. The moment someone parses your JSON, the duplicate keys will be merged. — Prateek Thapa
– Prateek Thapa, Commented Oct 24, 2020 at 18:36
I have edited my question, I am new to react, that is why I could not convey it exactly. — skp
– skp, Commented Oct 24, 2020 at 18:38

Haikel Fazzani · Accepted Answer · 2020-10-24 18:46:18Z

1

You can combine two objects

const json1 = {
  "results": {
    "Action": "Success!"
  },
  "report": {
    "Strategy": "Yes",
    "Plan": "No"
  }
};

const json2 = {
  "results": {
    "Actions": "Failure!"
  },
  "report": {
    "Idea": "Yep",
    "Storm": "Nope"
  }
};

let res = Object.keys(json1).reduce((a, key) => {
  a[key] = { ...json2[key], ...json1[key] }
  return a
}, {});

console.log(res)

answered Oct 24, 2020 at 18:46

Haikel Fazzani

1,1112 gold badges9 silver badges15 bronze badges

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

Comments

Prateek Thapa · Accepted Answer · 2020-10-24 18:47:19Z

1

You could loop through the object and merge it together.

const firstJsonObject = JSON.parse(firstJson);
const secondJsonObject = JSON.parse(secondJson);

let res = {};

Object.keys(firstJsonObject).forEach(key => {
  res[key] = { ...firstJson[key], ...secondJsonObject[key] };
});

console.log(JSON.stringify(res))

answered Oct 24, 2020 at 18:47

Prateek Thapa

4,9481 gold badge12 silver badges25 bronze badges

Comments

akhtarvahid · Accepted Answer · 2020-10-24 19:23:35Z

0

Key can't be duplicate that's why I don't think it's the right way to merge two objects. If you try to merge last(latest) will replace previous fields(keys).

If you want your output as you mentioned. in that case, you need to change the key field name.

JavaScript objects cannot have duplicate keys. The keys must all be unique.

Improved

let obj1 = {
 "results": {
      "Action": "Success!"
 },
 "report": {
       "Strategy": "Yes",
       "Plan": "No"
  }
}
let obj2 = {
     "results": {
        "Action": "Failure!"
     },
     "report": {
         "Strategy": "Yep",
         "Plan": "Nope"
      }
 }
 
 let res = {
  results:{...obj1.results, ...obj2.results}, 
  report: {...obj1.report, ...obj2.report}
  };
 console.log(res)

edited Oct 24, 2020 at 19:23

answered Oct 24, 2020 at 18:38

akhtarvahid

9,7992 gold badges30 silver badges33 bronze badges

Collectives™ on Stack Overflow

Is there a way to append a json object into another json abject in react?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related