Handle Multiple Concurrent API Requests with Promise.allSettled

async function fetchMultipleAPIs() {
  const apiEndpoints = [
    'https://jsonplaceholder.typicode.com/posts/1',
    'https://jsonplaceholder.typicode.com/users/1',
    'https://jsonplaceholder.typicode.com/comments/999999', // This one will likely fail (404)
    'https://jsonplaceholder.typicode.com/todos/1'
  ];

  const promises = apiEndpoints.map(url =>
    fetch(url)
      .then(response => {
        if (!response.ok) {
          // Instead of throwing immediately, return a rejected-like status
          // This allows Promise.allSettled to correctly mark as 'rejected' later
          return Promise.reject(new Error(`HTTP error! status: ${response.status} from ${url}`));
        }
        return response.json();
      })
      .catch(error => {
        // Catch network errors or initial fetch failures
        return Promise.reject(new Error(`Network or fetch error from ${url}: ${error.message}`));
      })
  );

  console.log('Fetching multiple APIs concurrently...');

  const results = await Promise.allSettled(promises);

  console.log('All API requests have settled:');
  results.forEach((result, index) => {
    if (result.status === 'fulfilled') {
      console.log(`  API ${index + 1} (${apiEndpoints[index]}) Succeeded:`, result.value);
    } else {
      console.error(`  API ${index + 1} (${apiEndpoints[index]}) Failed:`, result.reason.message);
    }
  });

  // You can also process data by filtering fulfilled results
  const successfulData = results
    .filter(result => result.status === 'fulfilled')
    .map(result => result.value);

  console.log('
Successfully fetched data:', successfulData);
}

fetchMultipleAPIs();