title: Parse the JSON array object from the Service in the Component
body: <p>This is the response I am passing from the Service to the Component where i should display each value to the UI. I need to parse each value and store to a variable. </p>
  
  <pre><code>[{"profileId":"000234","profileName":"kofi prfl","regionName":"NA  ","fileType":"GRRCN","fileVersion":"1.01","fileFreq":"D01","fileFormat":"FIX","emptyFile":"N","cardMask":"Y","uprInd":"N","dataLevel":"01"}]
  
  this.profileDetailsService.getProfileDetails(this.idDisplay)
        .subscribe(profileResponse =&gt; {
            // Should parse the profileResponse here....
            this.searchResult = profileResponse;
            this.spinnerService.hide();
          },
        error =&gt; {
            this.spinnerService.hide();
            this.showError();
          }
        );
  </code></pre>
  
  <p>How to separate profileId, profileName, regionName etc., values?</p>