Run results for: hex vs dec array

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 18_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.3 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 18

Operating system: iOS 18.3

Device Platform: Mobile

Date tested: 3 months ago

Test name	Executions per second
separate, cname in one string	1045933.9 Ops/sec
separate, cname in one string (inlined element code)	1000133.1 Ops/sec
48 instead of 0x30	968747.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); }