Run results for: hex vs dec array

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 4 months ago

Test name	Executions per second
Mass replace (loop node itself)	31263.2 Ops/sec
Mass replace (loop node itself but with documentFragment)	29295.9 Ops/sec
Mass change (reactive elems only)	478899.1 Ops/sec

Script Preparation code:

let A=['div','a','span','p','input','ul'].map(x=>document.createElement(x));

Tests:

big int array style
let B=[0x1222225,0x1222225,0x1222225,0x1222225,0x1222225,0x1222225,0x1222225,0x1222225],C=Array(64),i=0; for(;i<64;i+=8){ let x=B[i>>3]; C[i+0]=A[x&15].cloneNode(); x >>= 4; C[i+1]=A[x&15].cloneNode(); x >>= 4; C[i+2]=A[x&15].cloneNode(); x >>= 4; C[i+3]=A[x&15].cloneNode(); x >>= 4; C[i+4]=A[x&15].cloneNode(); x >>= 4; C[i+5]=A[x&15].cloneNode(); x >>= 4; C[i+6]=A[x&15].cloneNode(); x >>= 4; C[i+7]=A[x&15].cloneNode(); }
string style
let C=Array(64),i=0; for(;i<64;++i)C[i]=A['0122222501222225012222250122222501222225012222250122222501222225'.charCodeAt(i)-48].cloneNode();
hybrid
let B='\x01\x22\x22\x25\x01\x22\x22\x25\x01\x22\x22\x25\x01\x22\x22\x25\x01\x22\x22\x25\x01\x22\x22\x25\x01\x22\x22\x25\x01\x22\x22\x25', C=Array(64),i=0; for(;i<32;++i) { let x=B.charCodeAt(i) C[(i<<1)]=A[x>>4].cloneNode(); C[(i<<1)+1]=A[x&15].cloneNode(); }
big int looped
let B=[0x1222225,0x1222225,0x1222225,0x1222225,0x1222225,0x1222225,0x1222225,0x1222225],C=Array(64),i=0; for(;i<64;i+=8){ let x=B[i>>3], j=0; do { C[i+j]=A[x&15].cloneNode(); x >>= 4; ++j; } while (j < 8); }
big int looped 2
let B=[0x1222225,0x1222225,0x1222225,0x1222225,0x1222225,0x1222225,0x1222225,0x1222225],C=Array(64),i=0; for(;i<8;++i){ let x=B[i], j=0; let z=(i<<3); do { C[z|j]=A[x&15].cloneNode(); x >>= 4; ++j; } while (j < 8); }