Optimize API Calls by Batching Requests

async function fetchBatchedData(ids) {
  const BASE_URL = 'https://api.example.com/items/';

  // Map IDs to an array of Promise objects, each representing an API call
  const fetchPromises = ids.map(id =>
    fetch(`${BASE_URL}${id}`).then(response => {
      if (!response.ok) {
        throw new Error(`Failed to fetch item ${id}: ${response.statusText}`);
      }
      return response.json();
    })
  );

  try {
    // Use Promise.all to await all promises concurrently
    const results = await Promise.all(fetchPromises);
    console.log('All data fetched successfully:', results);
    return results;
  } catch (error) {
    console.error('Error fetching batched data:', error);
    throw error; // Re-throw to allow caller to handle
  }
}

// Example Usage:
const itemIdsToFetch = [1, 2, 3, 4, 5];
fetchBatchedData(itemIdsToFetch)
  .then(data => {
    console.log('Processed batched data:', data);
  })
  .catch(err => {
    console.log('Failed to process some data.');
  });

// If your API supports a single endpoint for multiple IDs (true batching):
async function fetchTrueBatchedData(ids) {
  const API_ENDPOINT = 'https://api.example.com/batch-items';
  try {
    const response = await fetch(API_ENDPOINT, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ ids: ids })
    });
    if (!response.ok) {
      throw new Error(`Batch fetch failed: ${response.statusText}`);
    }
    const result = await response.json();
    console.log('True batched data fetched:', result);
    return result;
  } catch (error) {
    console.error('Error in true batch fetch:', error);
    throw error;
  }
}

// Example Usage for true batching:
const anotherSetOfIds = [6, 7, 8];
fetchTrueBatchedData(anotherSetOfIds)
  .then(data => console.log('Processed true batched data:', data))
  .catch(err => console.log('Failed to process true batched data.'));