Run results for: Persisting Set object vs recreating Set objects while maintaining a deduplicated ordered array

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

Reusing Set object

48/s

Reusing Set objects Creating a new Set object every Iteration

18/s

View exact numbers

Test name	Executions per second
✓ Reusing Set object	48 Ops/sec
Reusing Set objects Creating a new Set object every Iteration	18 Ops/sec

Script Preparation code:


// create an array of the numbers 1-1000, with each entry doubled, so:
// [1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, ... , 999, 999, 1000, 1000]

const doubledNumbers = [];
for (let i = 1; i <= 1000; i++) {
  doubledNumbers.push(i, i);
}

let dedupedAndSortedNumbers_1 = []
let dedupedAndSortedNumbers_2 = []

Tests:

Reusing Set objects Creating a new Set object every Iteration
for (const number of doubledNumbers) { const next = new Set(dedupedAndSortedNumbers_1); next.add(number); dedupedAndSortedNumbers_1 = Array.from(next).sort((a, b) => a - b); }
Reusing Set object
const set = new Set(dedupedAndSortedNumbers_2); for (const number of doubledNumbers) { set.add(number); dedupedAndSortedNumbers_2 = Array.from(set).sort((a, b) => a - b); }