title: Reduce array of json to json object
body: <p>I have details as </p>
  
  <pre><code>data = {
    name: "charles",
    id: "1",
    education: [
      {"class": "X","marks": 223,"percentage": "59%"},
      {"class": "IX","marks": 223,"percentage": "59%"},
      {"class": "IIX","marks": 223,"percentage": "59%"},
      {"class": "IIIX","marks": 223,"percentage": "59%"}
    ]
  }
  </code></pre>
  
  <p>My desired result need is to break into 4 json objects </p>
  
  <pre><code>{name:"charles",id:"1", education:{"class":"X","marks":223,"percentage":59%}}
  {name:"charles",id:"1", education:{"class":"IX","marks":223,"percentage":59%}}
  </code></pre>
  
  <p>Can anyone let me know how to achieve it?</p>
  
  <p>I am sucessfully by looping and creating each object induvidually as follows:</p>
  
  <pre><code>this.data.education.forEach( class =&gt; {
          const newData: any = {};
          newData.name= data.name;
          newData.id= data.id;
          newData.education = class ;
  array.push(newData);
  });
  
  I am looking for any simplist way of achieving it?
  </code></pre>