Fetch API & Handling JSON Responses

What best practice does this code demonstrate?

const response = await fetch('/api/data');
const contentType = response.headers.get('content-type');

let data;
if (contentType?.includes('application/json')) {
  data = await response.json();
} else if (contentType?.includes('text/')) {
  data = await response.text();
} else if (contentType?.includes('image/')) {
  data = await response.blob();
}

Basic error handling
Response type detection
This demonstrates response type detection: 1) Checks Content-Type header before processing, 2) Uses appropriate response method based on content type, 3) Prevents parsing errors from incorrect method usage, 4) Handles different types of responses properly, 5) Makes API interactions more robust, 6) Essential for handling diverse API responses.
Content validation
Cache management

Next Question (17/21)