title: Is there a way to access value of nested json and add it outside the the nested Object
body: <p>Sorry I couldn't think of better words to phrase my question.</p>
  
  <p>So the issue is say I have a nested json and for some reason I want to fetch the value of a nested key value pair Object and place it outside.</p>
  
  <p>Json I have </p>
  
  <pre><code>DataSource=  [
        {
          "a": 1,
          "name": "jack",
          "version": 1,
          "Id": "39da",
          "active": false,
          "userId": "jack_user",
          "properties": [
            {
              "id": 7080,
              "key": "country",
              "value": "in",
            },
      {
              "id": 7081,
              "key": "state",
              "value": "xyz",
            },
      ]}]
  </code></pre>
  
  <p>Json I want :</p>
  
  <pre><code> DataSource=  [
        {
          "a": 1,
          "name": "jack",
          "version": 1,
          "Id": "39da",
          "active": false,
          "userId": "jack_user",
      "country": "in"
          "properties": [
            {
              "id": 7080,
              "key": "country",
              "value": "in",
            },
      {
              "id": 7081,
              "key": "state",
              "value": "xyz",
            },
      ]}]
  </code></pre>
  
  <p>Using the below Code I am able to Iterate over whole JSON.However I am unable to pick an Object from Properties Array.</p>
  
  <pre><code> for (var i = 0; i &lt; this.DataSource.length; i++) {
            var tempDataSource = this.DataSource;
            console.log(tempDataSource );
  </code></pre>