Run results for: Array.every => Array.includes vs Array.every => Set.has with set creation

Run details:

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

Browser: Chrome 133

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Array.every Array.includes	102695384.0 Ops/sec
Array.every Set.has with Set creation	32997224.0 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

function generateTestData(size) {
    const items = Array.from({
        length: size
    }, (_, i) => ({
        id: i,
        name: `Item ${i}`
    }));

    // Randomly select ~75% of items
    const selectedItems = items
        .filter(() => Math.random() > 0.25)
        .map(item => item.id);

    return {
        bill: {
            items
        },
        selectedItems
    };
}

const dataSizes = [100, 1000, 10000, 100000, 1000000];
var data = generateTestData(Math.floor(Math.random() * 5));

var bill = data.bill;
var selectedItems = data.selectedItems;

Tests:

Array.every Array.includes
const allSelected = bill.items.every(({ id }) => selectedItems.includes(id)); return allSelected;
Array.every Set.has with Set creation
const allSelected = ((selected) => bill.items.every(({ id }) => selected.has(id)) )(new Set(selectedItems)); return allSelected;

Run results for: Array.every => Array.includes vs Array.every => Set.has with set creation

Array.every Array.includes

Array.every Set.has with Set creation