Run results for: Restoring actual data

Test name	Executions per second
✓ map + find + filter	41,511 Ops/sec
forEach + find + push	33,439 Ops/sec
Reduce + find	33,113 Ops/sec

forEach + find + push

const responseData = new Array(100).fill(null).map((_, index) => ({
  contract: `contract_${index}`, 
  token_id: index,
  hash: `hash_${index}`,
}));

const cachedData = new Array(100).fill(null).map((_, index) => ({
  contract: `contract_${index % 2}`,
  token_id: index,
  hash: `hash_${index}`,
  nft: index % 2 === 0 ? { data: `NFT data for ${index}` } : null,
}));

const readyForRender = [];
const toUpdate = [];

responseData.forEach(item => {
  const actualCachedData = cachedData.find(
    cache => cache.contract === item.contract &&
              cache.token_id === item.token_id &&
              cache.hash === item.hash
  );

  if (actualCachedData && actualCachedData.nft) {
    readyForRender.push(actualCachedData);
  } else {
    toUpdate.push(item);
  }
});

Reduce + find

const responseData = new Array(100).fill(null).map((_, index) => ({
  contract: `contract_${index}`, 
  token_id: index,
  hash: `hash_${index}`,
}));

const cachedData = new Array(100).fill(null).map((_, index) => ({
  contract: `contract_${index % 2}`,
  token_id: index,
  hash: `hash_${index}`,
  nft: index % 2 === 0 ? { data: `NFT data for ${index}` } : null,
}));

const { readyForRender, toUpdate } = responseData.reduce((accumulator, item) => {
  const actualCachedData = cachedData.find(cache =>
    cache.contract === item.contract &&
    cache.token_id === item.token_id &&
    cache.hash === item.hash
  );

  if (actualCachedData && actualCachedData.nft) {
    return {
      ...accumulator,
      readyForRender: [...accumulator.readyForRender, actualCachedData],
    };
  } else {
    return {
      ...accumulator,
      toUpdate: [...accumulator.toUpdate, item],
    };
  }
}, { readyForRender: [], toUpdate: [] });

map + find + filter

const responseData = new Array(100).fill(null).map((_, index) => ({
  contract: `contract_${index}`, 
  token_id: index,
  hash: `hash_${index}`,
}));

const cachedData = new Array(100).fill(null).map((_, index) => ({
  contract: `contract_${index % 2}`,
  token_id: index,
  hash: `hash_${index}`,
  nft: index % 2 === 0 ? { data: `NFT data for ${index}` } : null,
}));

const loadedIndices = responseData.map((item, index) => {
  const actualCachedData = cachedData.find(cache =>
    cache.contract === item.contract &&
    cache.token_id === item.token_id &&
    cache.hash === item.hash
  );

  return actualCachedData && actualCachedData.nft ? index : null;
}).filter(index => index !== null);

const readyForRender = loadedIndices.map(index => cachedData[index]);
const toUpdate = responseData.filter((_, index) => !loadedIndices.includes(index));