Run results for: z-indexes collection and coercion

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4 Safari/605.1.15

Browser: Safari 17

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 7 months ago

Test name	Executions per second
Number + isNaN	4792.0 Ops/sec
Number.parseInt + Number.isInteger	19177.6 Ops/sec
Number.parseInt + simple condition	26114.7 Ops/sec

HTML Preparation code:

<div class="container"></div>

Script Preparation code:

const container = document.querySelector('.container');

const cloneTarget = document.createElement('div');
const listToInsert = document.createElement('div');
listToInsert.id = 'clone-list';

for (let i = 0; i < 100; i++) {
    const clone = cloneTarget.cloneNode(true);
    clone.id = "clone_" + i;
    clone.textContent = 'I am clone ' + i;

    listToInsert.append(clone);
}

container.append(listToInsert);


var elements = document.querySelectorAll('#clone-list *');

Tests:

Number + isNaN
for (let el of elements) { const zIndex = Number(el.style.zIndex); if (!isNaN(zIndex)) { console.log(true); } }
Number.parseInt + Number.isInteger
for (let el of elements) { const zIndex = Number.parseInt(el.style.zIndex, 10); if (Number.isInteger(zIndex)) { console.log(true); } }
Number.parseInt + simple condition
for (let el of elements) { const zIndex = Number.parseInt(el.style.zIndex, 10); if (zIndex || zIndex === 0) { console.log(true); } }

Run results for: z-indexes collection and coercion

Number + isNaN

Number.parseInt + Number.isInteger

Number.parseInt + simple condition