今天，我阅读了有关字符串连接速度的主题。
令人惊讶的是，字符串连接是赢家：
结果和我想的相反。此外，大约有这么多的文章，其解释相反像这样。
我可以猜测浏览器已针对concat最新版本的字符串进行了优化，但它们是如何做到的？能不能说+在连接字符串的时候用比较好？
更新
因此，在现代浏览器中，字符串连接得到了优化，因此使用+符号比join在想要连接字符串时使用更快。
但@Arthur 指出，join如果您真的想用分隔符连接字符串，速度会更快。
更新 - 2020
Chrome：数组join几乎2 times faster是字符串连接+
见：https : //stackoverflow.com/a/54970240/984471
作为注释：
join如果你有数组更好large stringsseveral small strings在最终输出中生成，最好使用 string concat +，否则使用 Array 将需要在最后进行几次 Array 到 String 转换，这会导致性能过载。浏览器字符串优化已更改字符串连接图片。
Firefox 是第一个优化字符串连接的浏览器。从 1.0 版开始，数组技术实际上在所有情况下都比使用加号运算符慢。其他浏览器也对字符串连接进行了优化，因此 Safari、Opera、Chrome 和 Internet Explorer 8 也使用 plus 运算符显示出更好的性能。版本 8 之前的 Internet Explorer 没有这样的优化，因此数组技术总是比加号运算符快。
V8 javascript 引擎（在 Google Chrome 中使用）使用此代码进行字符串连接：
// ECMA-262, section 15.5.4.6
function StringConcat() {
if (IS_NULL_OR_UNDEFINED(this) && !IS_UNDETECTABLE(this)) {
throw MakeTypeError("called_on_null_or_undefined", ["String.prototype.concat"]);
}
var len = %_ArgumentsLength();
var this_as_string = TO_STRING_INLINE(this);
if (len === 1) {
return this_as_string + %_Arguments(0);
}
var parts = new InternalArray(len + 1);
parts[0] = this_as_string;
for (var i = 0; i < len; i++) {
var part = %_Arguments(i);
parts[i + 1] = TO_STRING_INLINE(part);
}
return %StringBuilderConcat(parts, len + 1, "");
}
因此，他们在内部通过创建一个 InternalArray（parts变量）来优化它，然后填充它。使用这些部分调用 StringBuilderConcat 函数。它很快是因为 StringBuilderConcat 函数是一些经过高度优化的 C++ 代码。在这里引用太长了，但可以在runtime.cc文件中搜索RUNTIME_FUNCTION(MaybeObject*, Runtime_StringBuilderConcat)以查看代码。
Firefox 速度很快，因为它使用了一种叫做绳索的东西（绳索：字符串的替代品）。绳索基本上只是一个 DAG，其中每个节点都是一个字符串。
因此，例如，如果您这样做a = 'abc'.concat('def')，新创建的对象将如下所示。当然，这在内存中并不完全是这样，因为您仍然需要一个用于字符串类型、长度和其他可能的字段。
a = {
nodeA: 'abc',
nodeB: 'def'
}
和 b = a.concat('123')
b = {
nodeA: a, /* {
nodeA: 'abc',
nodeB: 'def'
} */
nodeB: '123'
}
所以在最简单的情况下，VM 几乎不需要做任何工作。唯一的问题是这会稍微减慢对结果字符串的其他操作。这当然也减少了内存开销。
另一方面['abc', 'def'].join('')，通常只会分配内存以将新字符串平铺在内存中。（也许这应该优化）
我知道这是一个旧线程，但您的测试不正确。你在做的output += myarray[i];时候应该更像是output += "" + myarray[i];因为你忘记了，你必须用某种东西把物品粘在一起。concat 代码应该是这样的：
var output = myarray[0];
for (var i = 1, len = myarray.length; i<len; i++){
output += "" + myarray[i];
}
这样，由于将元素粘合在一起，您将执行两个操作而不是一个操作。
Array.join() 是比较快的。
对于大量数据连接速度更快，因此问题陈述不正确。
let result = "";
let startTime = new Date().getTime();
for (let i = 0; i < 2000000; i++) {
result += "x";
}
console.log("concatenation time: " + (new Date().getTime() - startTime));
startTime = new Date().getTime();
let array = new Array(2000000);
for (let i = 0; i < 2000000; i++) {
array[i] = "x";
}
result = array.join("");
console.log("join time: " + (new Date().getTime() - startTime));在 Chrome 72.0.3626.119、Firefox 65.0.1、Edge 42.17134.1.0 上测试。请注意，即使包含数组创建，它也更快！
那里的基准是微不足道的。重复连接相同的三个项目将被内联，结果将被证明是确定性和记忆化的，垃圾处理程序将只是扔掉数组对象（几乎没有大小）并且可能只是因为没有外部引用，因为字符串永远不会改变。如果测试是大量随机生成的字符串，我会印象更深刻。就像在一两场演出中一样。
Array.join FTW！