Run results for: Unique Object Array v2

Run details:

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

Browser: Firefox 80

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Script Preparation code:

function generateId(len) {
    return [...Array(len)]
        .map(i => (~~(Math.random() * 36)).toString(36))
        .join("");
}

Tests:

Reduce
let data = []; for (let i = 0; i < 10000; i++) { data.push({ id: generateId(4) }); } const newDataReduce = Object.keys(data.reduce((acc, cur) => { if(acc[cur.id]) return acc; acc[cur.id] = true; return acc; }, {}));
Set Map
let data = []; for (let i = 0; i < 10000; i++) { data.push({ id: generateId(4) }); } const newDataSet = Array.from(new Set(data.map(f => f.id)));
Set Simple For
let data = []; for (let i = 0; i < 10000; i++) { data.push({ id: generateId(4) }); } const newDataSimpleFor = new Set(); for(let i = 0; i < data.length; i++){ if(newDataSimpleFor.has(data[i].id)) continue; newDataSimpleFor.add(data[i].id); } const res = Array.from(newDataSimpleFor);
Set For Of
let data = []; for (let i = 0; i < 10000; i++) { data.push({ id: generateId(4) }); } const newDataForOf = new Set(); for(let dp of data){ if(newDataForOf.has(dp.id)) continue; newDataForOf.add(dp.id); } const res2 = Array.from(newDataForOf);
Set For Each
let data = []; for (let i = 0; i < 10000; i++) { data.push({ id: generateId(4) }); } const newDataForEach = new Set(); data.forEach(dp => { if(newDataForEach.has(dp.id)) return; newDataForEach.add(dp.id); }); const res3 = Array.from(newDataForEach);