title: TypeScript - how to parse JSON array into array of custom objects
body: <p>I'm relatively new to this space, so apologies if I'm using some of the wrong terminology. Feel free to ask for clarification. </p>
  
  <p>I have some typescript interfaces: </p>
  
  <pre><code>export interface Item {
      id: string
      type: string
      state: string
  }
  
  export interface ItemResponse {
      someData1: string
      someData2: string
      itemListResponse: Array&lt;Item&gt; // in reality just a JSON string containing serialized Items in an Array
  }
  </code></pre>
  
  <p>The ItemResponse is populated when calling an external service (somewhat) correctly: </p>
  
  <p>The result is an of ItemResponses. For now, say the size of the ItemResponse array is 1, but that there are multiple Items in the itemListResponse array. </p>
  
  <p>The itemListResponse is actually just a json string:</p>
  
  <pre><code> "[{"id":"blah", "type":"blah", ...}, {"id":"blah2",.... },...]"
  </code></pre>
  
  <p>How would I convert this into an Array of Item? </p>
  
  <p>I think I'm familiar with parsing from JSON to a single object, but not how to do this with an array. </p>