Benchmark: Native JS: concatenate array of strings with + vs template literals vs String.concat vs array.join

Script Preparation code:

window.arr = ["id", ":1, ", "name", ": someItem"]

window.calcplus = (arr) => {
    return arr[0] + arr[1] + arr[2] + arr[3];
}

window.calcconcat = (arr) => {
    return "".concat(...arr);
}

window.calcliteral = (arr) => {
    return `${arr[0]}${arr[1]}${arr[2]}${arr[3]}`;
}

window.calcjoin = (arr) => {
    return arr.join("");
}

Tests:

using plus operator
const result = window.calcplus(window.arr);
using concat function
const result = window.calcconcat(window.arr);
using template literals
const result = window.calcliteral(window.arr);
using join function
const result = window.calcjoin(window.arr);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
using plus operator
using concat function
using template literals
using join function

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 104 on Windows

View result in a separate tab

Test name	Executions per second
using plus operator	1902076.0 Ops/sec
using concat function	1393048.0 Ops/sec
using template literals	1777322.0 Ops/sec
using join function	1143575.0 Ops/sec

Native JS: concatenate array of strings with + vs template literals vs String.concat vs array.join (version: 0)

find best solution for concatenate 4 strings

Comparing performance of: using plus operator vs using concat function vs using template literals vs using join function

Created: one year ago by: Guest

Jump to the latest result

using plus operator

using concat function

using template literals

using join function

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A