title: How to structure the object to different format in angular
body: <p>I'm new to angular. I'm trying to restructure the object which I'm getting from the API response. I need to structure the current object to desired object.</p>
  <p>This is the Current Object</p>
  <pre><code>let temp = {
  &quot;imagesList&quot;: {
      &quot;de&quot;: [{
         &quot;path&quot;: &quot;&quot;,
         &quot;text&quot;: &quot;desc text&quot;
       },
       {
         &quot;path&quot;: &quot;&quot;,
         &quot;text&quot;: &quot;desc text&quot;
       }],
       &quot;en&quot;: [{
         &quot;path&quot;: &quot;&quot;,
         &quot;text&quot;: &quot;desc text&quot;
       }]
     }
  }
  </code></pre>
  <p>Below is the Desired Object which is needed from the Current Object defined above</p>
  <pre><code>let temp = [
      {
        &quot;path&quot;: &quot;&quot;,
        &quot;description&quot;: [
          {
            &quot;language&quot;: &quot;en&quot;,
            &quot;text&quot;: &quot;desc text&quot;
          }
        ]
      },
      {
        &quot;path&quot;: &quot;&quot;,
        &quot;description&quot;: [
          {
            &quot;language&quot;: &quot;de&quot;,
            &quot;text&quot;: &quot;desc text&quot;
          }
        ]
      },
      {
        &quot;path&quot;: &quot;&quot;,
        &quot;description&quot;: [
          {
            &quot;language&quot;: &quot;de&quot;,
            &quot;text&quot;: &quot;desc text&quot;
          }
        ]
      }, 
   
    ]
  </code></pre>
  <p>How to achieve this using typescript in angular.
  Sand box <a href="https://codesandbox.io/s/broken-sea-rpunc5?file=/src/app/app.component.ts" rel="nofollow noreferrer">Link</a>
  Thanks in advance</p>