Benchmark: State Key Creation

State Key Creation (version: 7)

my test benchmark

Comparing performance of: `Nested Join + Join (Join x3) vs Loop Push + Join (Join x1 with string) vs Simple Join (Join x1 with arrays) vs Loop Concatenate (string only) vs Template Literal (template literal string with arrays) vs Template Literal + Join (template literal string with join) vs Simple Concatenate + Join`

Created: 9 months ago by: Registered User

Go to the latest result

Tests:

Nested Join + Join (Join x3)
const usableCount = 3; const itemCount = 7; const type = Math.floor(Math.random() * 100); const usables = new Array(usableCount).fill(0).map(_ => Math.floor(Math.random() * 100)); const items = new Array(itemCount).fill(0).map(_ => Math.floor(Math.random() * 100)); // ---------------------------------- const key = [type, usables.join(), items.join()].join ("|");
Loop Push + Join (Join x1 with string)
const usableCount = 3; const itemCount = 7; const type = Math.floor(Math.random() * 100); const usables = new Array(usableCount).fill(0).map(_ => Math.floor(Math.random() * 100)); const items = new Array(itemCount).fill(0).map(_ => Math.floor(Math.random() * 100)); // ---------------------------------- let data = [type, "|"]; const usableCountMinusOne = usableCount - 1; for (let i = 0 ; i < usableCountMinusOne ; i++) data.push (usables[i], ","); data.push (usables[usableCountMinusOne], "|"); const itemCountMinusOne = itemCount - 1; for (let i = 0 ; i < itemCountMinusOne ; i++) data.push (items[i], ","); data.push (items[itemCountMinusOne]); const key = data.join ("");
Simple Join (Join x1 with arrays)
const usableCount = 3; const itemCount = 7; const type = Math.floor(Math.random() * 100); const usables = new Array(usableCount).fill(0).map(_ => Math.floor(Math.random() * 100)); const items = new Array(itemCount).fill(0).map(_ => Math.floor(Math.random() * 100)); // ---------------------------------- const key = [type, usables, items].join ("|");
Loop Concatenate (string only)
const usableCount = 3; const itemCount = 7; const type = Math.floor(Math.random() * 100); const usables = new Array(usableCount).fill(0).map(_ => Math.floor(Math.random() * 100)); const items = new Array(itemCount).fill(0).map(_ => Math.floor(Math.random() * 100)); // ---------------------------------- let key = type + "|"; const usableCountMinusOne = usableCount - 1; for (let i = 0 ; i < usableCountMinusOne ; i++) key += usables[i] + ","; key += usables[9] + "|"; const itemCountMinusOne = itemCount - 1; for (let i = 0 ; i < itemCountMinusOne ; i++) key += items[i] + ","; key += items[9];
Template Literal (template literal string with arrays)
const usableCount = 3; const itemCount = 7; const type = Math.floor(Math.random() * 100); const usables = new Array(usableCount).fill(0).map(_ => Math.floor(Math.random() * 100)); const items = new Array(itemCount).fill(0).map(_ => Math.floor(Math.random() * 100)); // ---------------------------------- const key = `${type}|${usables}|${items}`;
Template Literal + Join (template literal string with join)
const usableCount = 3; const itemCount = 7; const type = Math.floor(Math.random() * 100); const usables = new Array(usableCount).fill(0).map(_ => Math.floor(Math.random() * 100)); const items = new Array(itemCount).fill(0).map(_ => Math.floor(Math.random() * 100)); // ---------------------------------- const key = `${type}|${usables.join()}|${items.join}`;
Simple Concatenate + Join
const usableCount = 3; const itemCount = 7; const type = Math.floor(Math.random() * 100); const usables = new Array(usableCount).fill(0).map(_ => Math.floor(Math.random() * 100)); const items = new Array(itemCount).fill(0).map(_ => Math.floor(Math.random() * 100)); // ---------------------------------- const key = type + "|" + usables.join() + "|" + items.join();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Nested Join + Join (Join x3)
Loop Push + Join (Join x1 with string)
Simple Join (Join x1 with arrays)
Loop Concatenate (string only)
Template Literal (template literal string with arrays)
Template Literal + Join (template literal string with join)
Simple Concatenate + Join

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 9 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36 OPR/122.0.0.0

Browser/OS: Opera 122 on Windows

View result in a separate tab

Loop Concatenate (string only)

668K/s

Template Literal + Join (template literal string with join)

467K/s

Loop Push + Join (Join x1 with string)

441K/s

Simple Concatenate + Join

402K/s

Template Literal (template literal string with arrays)

339K/s

Nested Join + Join (Join x3)

326K/s

Simple Join (Join x1 with arrays)

304K/s

View exact numbers

Test name	Executions per second
✓ Loop Concatenate (string only)	668,217 Ops/sec
Template Literal + Join (template literal string with join)	466,574 Ops/sec
Loop Push + Join (Join x1 with string)	440,950 Ops/sec
Simple Concatenate + Join	402,431 Ops/sec
Template Literal (template literal string with arrays)	339,255 Ops/sec
Nested Join + Join (Join x3)	325,625 Ops/sec
Simple Join (Join x1 with arrays)	303,962 Ops/sec