Benchmark: String indexing vs array indexing for string concatenation

String indexing vs array indexing for string concatenation (version: 2)

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

const string = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget venenatis eros."
const array = string.split('');

Tests:

Array Indexing + concatenate string
let output = '' for(let i = 0; i < array.length; i++){ output += array[ i ]; }
String Indexing: with array index + concatenate string
let output = '' for(let i = 0; i < string.length; i++){ output += string[ i ]; }
Create loop Char Array + Array Indexing concatenation
const charArray = []; for(let i = 0; i < string.length; i++){ charArray.push(string[ i ]); } let output = '' for(let i = 0; i < charArray.length; i++){ output += charArray[ i ]; }
Split create char Array + Array Indexing concatenation
const charArray = string.split(''); let output = '' for(let i = 0; i < charArray.length; i++){ output += charArray[ i ]; }
String Indexing: with .charAt() + concatenate string
let output = '' for(let i = 0; i < string.length; i++){ output += string.charAt(i); }
String Indexing: with .at() + concatenate string
let output = '' for(let i = 0; i < string.length; i++){ output += string.at(i); }
String Indexing: with .slice() + concatenate string
let output = '' for(let i = 1; i <= string.length; i++){ output += string.slice(i - 1, i); }
Array Indexing: with array index + concatenate string foreach
let output = '' for(const char of array){ output += array[i] }
Array Indexing: with array index + concatenate string while decrement
let output = '' let index = array.length; while (--index){ output += array[array.length - 1 - i] }

Rendered benchmark preparation results:

Previous results

Test case name	Result
Array Indexing + concatenate string
String Indexing: with array index + concatenate string
Create loop Char Array + Array Indexing concatenation
Split create char Array + Array Indexing concatenation
String Indexing: with .charAt() + concatenate string
String Indexing: with .at() + concatenate string
String Indexing: with .slice() + concatenate string
Array Indexing: with array index + concatenate string foreach
Array Indexing: with array index + concatenate string while decrement

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36 Edg/118.0.2088.46

Browser/OS: Chrome 118 on Linux

Test name	Executions per second
Array Indexing + concatenate string	1773318.1 Ops/sec
String Indexing: with array index + concatenate string	1657360.0 Ops/sec
Create loop Char Array + Array Indexing concatenation	648655.8 Ops/sec
Split create char Array + Array Indexing concatenation	2070137.0 Ops/sec
String Indexing: with .charAt() + concatenate string	1674439.5 Ops/sec
String Indexing: with .at() + concatenate string	1076967.1 Ops/sec
String Indexing: with .slice() + concatenate string	1308943.1 Ops/sec
Array Indexing: with array index + concatenate string foreach	1568695.0 Ops/sec
Array Indexing: with array index + concatenate string while decrement	1502375.2 Ops/sec

Related benchmarks: