Benchmark: Find vs Set - MeasureThat.net

Script Preparation code:

const variantSummary = [
  {
    id: "__BARCODE_ONE__",
    sku: "__BARCODE_ONE__",
    barcode: "__BARCODE_ONE__",
    media: [
      {
        url: "__IMAGE_ONE_URL__",
        mediaContentType: "IMAGE",
      },
    ],
    price: {
      amount: {
        amount: 1,
        amountFormatted: "$1",
        currencyCode: "AUD",
      },
      priceDisplayType: "STANDARD",
    },
    colour: {
      id: "1",
      name: "__COLOUR_ONE__",
      swatch: null,
      media: [
        {
          url: "__IMAGE_ONE_URL__",
          mediaContentType: "IMAGE",
        },
      ],
    },
    size: {
      id: "1",
      value: "__SIZE_ONE__",
    },
    available: true,
    stock: 100,
  },
  {
    id: "__BARCODE_TWO__",
    sku: "__BARCODE_TWO__",
    barcode: "__BARCODE_TWO__",
    media: [
      {
        url: "__IMAGE_TWO_URL__",
        mediaContentType: "IMAGE",
      },
    ],
    price: {
      amount: {
        amount: 1,
        amountFormatted: "$1",
        currencyCode: "AUD",
      },
      priceDisplayType: "STANDARD",
    },
    colour: {
      id: "2",
      name: "__COLOUR_TWO__",
      media: [
        {
          url: "__IMAGE_TWO_URL__",
          mediaContentType: "IMAGE",
        },
      ],
      swatch: {
        url: "__COLOUR_TWO_SWATCH_URL__",
        mediaContentType: "IMAGE",
      },
    },
    size: {
      id: "1",
      value: "__SIZE_ONE__",
    },
    available: true,
    stock: 100,
  },
  {
    id: "__BARCODE_THREE__",
    sku: "__BARCODE_THREE__",
    barcode: "__BARCODE_THREE__",
    media: [
      {
        url: "__IMAGE_TWO_URL__",
        mediaContentType: "IMAGE",
      },
    ],
    price: {
      amount: {
        amount: 1,
        amountFormatted: "$1",
        currencyCode: "AUD",
      },
      priceDisplayType: "STANDARD",
    },
    colour: {
      id: "2",
      name: "__COLOUR_TWO__",
      media: [
        {
          url: "__IMAGE_TWO_URL__",
          mediaContentType: "IMAGE",
        },
      ],
      swatch: {
        url: "__COLOUR_TWO_SWATCH_URL__",
        mediaContentType: "IMAGE",
      },
    },
    size: {
      id: "2",
      value: "__SIZE_TWO__",
    },
    available: true,
    stock: 100,
  },
  {
    id: "__BARCODE_FOUR__",
    sku: "__BARCODE_FOUR__",
    barcode: "__BARCODE_FOUR__",
    media: [
      {
        url: "__IMAGE_TWO_URL__",
        mediaContentType: "IMAGE",
      },
    ],
    price: {
      amount: {
        amount: 1,
        amountFormatted: "$1",
        currencyCode: "AUD",
      },
      priceDisplayType: "STANDARD",
    },
    size: {
      id: "2",
      value: "__SIZE_TWO__",
    },
    available: true,
    stock: 100,
  },
];

const aggregateSizesByFind = variants => 
  variants.reduce((acc, { size }) => {
    if (size && !acc.some((accItem) => accItem.value === size.value)) {
      acc.push(size);
    }
    return acc;
  }, []);

const aggregateSizesByMap = variants =>
  Array.from(
    variants
      .reduce((acc, { size }) => {
        if (size) {
          acc.set(size.id, size);
        }
        return acc;
      }, new Map())
      .values()
  );

const aggregateSizesByMap2 = variants => {
  const sizeMap = new Map();

  for (const { size } of variants) {
    if (size) {
      sizeMap.set(size.id, size);
    }
  }

  return Array.from(sizeMap.values());
};

const aggregateSizes3 = variants =>
  variants
    .map((variant) => variant.size)
    .filter((size, index, sizes) => sizes.indexOf(size) === index)
    .filter((size) => !!size);

Test case name	Result
.find
Map
Map 2
.map.filter

Latest run results:

Run details: (Test run date: 9 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36

Browser/OS: Chrome 141 on Mac OS X 10.15.7

View result in a separate tab

.find

35.9M/s

.map.filter

19.5M/s

Map 2

19.2M/s

Map

18.7M/s

View exact numbers

Test name	Executions per second
✓ .find	35,858,604 Ops/sec
.map.filter	19,494,328 Ops/sec
Map 2	19,221,820 Ops/sec
Map	18,658,064 Ops/sec

Find vs Set (version: 7)

Comparing performance of: `.find vs Map vs Map 2 vs .map.filter`

Created: 10 months ago by: Registered User

Go to the latest result

.find

Map

Map 2

.map.filter

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Find vs Set (version: 7)

Comparing performance of: .find vs Map vs Map 2 vs .map.filter

Created: 10 months ago by: Registered User

Go to the latest result

.find

Map

Map 2

.map.filter

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `.find vs Map vs Map 2 vs .map.filter`