title: Angular 5 Observable mapping to Json array
body: <p>My backend return this :</p>
  
  <pre><code>{
      "FirstResponse": [
          {
              "MyField1": "AAA",
              "MyField2": "AAAAAAA"
          },
          {
              "MyField1": "BBB",
              "MyField2": "BBBBBBB"
          },
          {
              "MyField1": "CCC",
              "MyField2": "CCCCC"
          }
      ],
      "SecondResponse": [
          {
              "FirstName": "FirstNameA",
              "LastName": "LastNameA"
          },
          {
              "FirstName": "FirstNameB",
              "LastName": "LastNameB"
          }
      ]   
  }
  </code></pre>
  
  <p>I'd like map <code>FirstReponse</code> to a variable and <code>SecondResponse</code> to another variable.</p>
  
  <p>How can I adapt the code below ?</p>
  
  <pre><code>search(): Observable&lt;any&gt; {
    let apiURL = `......`;
    return this.http.get(apiURL) 
        .map(res =&gt; res.json())
  }
  </code></pre>
  
  <p>Update : Excepted result
  In one variable this :</p>
  
  <pre><code>[
      {
          "MyField1": "AAA",
          "MyField2": "AAAAAAA"
      },  
      {
          "MyField1": "BBB",
          "MyField2": "BBBBBBB"
      },
      {
          "MyField1": "CCC",
          "MyField2": "CCCCC"
      }
  ]
  </code></pre>
  
  <p>In a second : </p>
  
  <pre><code>[
      {
          "FirstName": "FirstNameA",
          "LastName": "LastNameA"
      },
      {
          "FirstName": "FirstNameB",
          "LastName": "LastNameB"
      }
  ]
  </code></pre>