Benchmark: Better set.has vs array.includes

Better set.has vs array.includes (version: 0)

It often does not make sense to just compare only includes vs has. If we can not create the Set beforehand to be reused, and we need to initialize it every time, it will probably deteriorate the performance and we are better off using just simple include most of the times.

Comparing performance of: includes vs lookup

Created: 25 days ago by: Registered User

Jump to the latest result

Script Preparation code:

function generateRandomData(length) {
    const data = [];
    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';

    for (let i = 0; i < length; i++) {
        let randomString = '';
        for (let j = 0; j < 20; j++) {
            randomString += characters.charAt(Math.floor(Math.random() * characters.length));
        }
        data.push({ value: randomString });
    }

    return data;
}

var data = generateRandomData(20);
var stringToBeChecked = data[15];

Tests:

includes
const a = data.map(x => x.value); return a.includes(stringToBeChecked);
lookup
const b = new Set(data.map(x => x.value)); return b.has(stringToBeChecked);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
includes
lookup

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 25 days ago)

User agent: Mozilla/5.0 (Windows NT 10.0; rv:124.0) Gecko/20100101 Firefox/124.0

Browser/OS: Firefox 124 on Windows

View result in a separate tab

Test name	Executions per second
includes	7781298.0 Ops/sec
lookup	453092.5 Ops/sec