Fetch API & Handling JSON Responses

fetch('/api/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

To validate the JSON data
To parse the response body into a JavaScript object
The .json() method is necessary because: 1) Response body is initially a ReadableStream, 2) It parses the raw response body as JSON, 3) Returns a Promise that resolves with the parsed JavaScript object, 4) Allows reading the response body only once, 5) Handles JSON parsing errors automatically, 6) Essential for working with JSON APIs and web services.
To check if the response is JSON
To convert the response to a string