Run results for: Filtering Large Lists

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36

Browser: Chrome 136

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Script Preparation code:

var list = [...Array(1000000).keys()].map((index) => `ITEM_${index}`);
var val = 'ITEM_100';

Tests:

Regex case
const trimVal = val.trim(); const regex = new RegExp(`^${trimVal}`, 'i'); const x = list.filter((item) => { return trimVal !== '' ? regex.test(item) : true; });
Indexof no trime, begins with
const lowerVal = val.toLowerCase(); const x = list.filter((item) => { return val !== '' ? item.toLowerCase().indexOf(lowerVal) === 0: true; });
Indexof trim, begins with
const trimVal = val.trim().toLowerCase(); const x = list.filter((item) => { return trimVal !== '' ? item.toLowerCase().indexOf(trimVal) === 0 : true; });