哪种方法更快？
数组连接：
var str_to_split = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z";
var myarray = str_to_split.split(",");
var output=myarray.join("");
字符串拼接：
var str_to_split = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z";
var myarray = str_to_split.split(",");
var output = "";
for (var i = 0, len = myarray.length; i<len; i++){
output += myarray[i];
}
在ECMAScript中，字符串连接速度更快。这是我创建的一个基准测试，向您展示：
join 方法，也可以使用字符串拼接方法。在现代引擎中，使用字符串拼接方法的性能更好，且一直以来更易读/易于维护/易于调试。10年前我尝试过使用数组，当时它的性能略优于字符串拼接方法，但现在已经不是这样了。 - T.J. Crowder数组连接（最快！） - Mehdi Dehghani// Number of times the standard `join` is faster, by Node.js versions:
// 0.10.44: ~2.0
// 0.11.16: ~4.6
// 0.12.13: ~4.7
// 4.4.4: ~4.66
// 5.11.0: ~4.75
// 6.1.0: Negative ~1.2 (something is wrong with 6.x at the moment)
function join(sep) {
var res = '';
if (this.length) {
res += this[0];
for (var i = 1; i < this.length; i++) {
res += sep + this[i];
}
}
return res;
}
教训是 - 不要手动拼接字符串，始终使用标准的join函数。
我可以明确地说，使用Array.join()更快。我曾经处理过几段JavaScript代码，并通过放弃字符串操作而选择数组操作显著提高了性能。
请查看以下代码。结果:
在常规使用中，Firefox 中 push+join 比字符串连接慢80％。
在常规使用中，Chrome 中 push+join 比字符串连接慢140％。
function test(items = 100, rep = 1000000) {
let str
console.time('concat')
for (let r = 0; r < rep; r++) {
str = ''
for (let i = 0; i < items; i++) {
str += i
}
}
console.timeEnd('concat')
console.time('push+join')
for (let r = 0; r < rep; r++) {
const arr = []
for (let i = 0; i < items; i++) {
arr.push(i)
}
str = arr.join('')
}
console.timeEnd('push+join')
}
join在字符串数组已存在的情况下速度更快。真正的比较应该是：
对于迭代和字符串数量很少的情况下，无论您使用推送和连接还是直接字符串拼接都没有太大关系。但是，对于大量字符串，Chrome和Firefox中使用数组push和join似乎更快。
这里是10到1000万个字符串的代码和测试结果：
Chrome:
strings 10
join-only: 0.01171875 ms
push-join: 0.137939453125 ms
concatenate: 0.01513671875 ms
strings 100
join-only: 0.01416015625 ms
push-join: 0.13427734375 ms
concatenate: 0.0830078125 ms
strings 1000
join-only: 0.048095703125 ms
push-join: 0.47216796875 ms
concatenate: 0.5517578125 ms
strings 10000
join-only: 0.465087890625 ms
push-join: 5.47314453125 ms
concatenate: 4.9619140625 ms
strings 100000
join-only: 7.6240234375 ms
push-join: 57.37109375 ms
concatenate: 67.028076171875 ms
strings 1000000
join-only: 67.666259765625 ms
push-join: 319.3837890625 ms
concatenate: 609.8369140625 ms
strings 10000000
join-only: 824.260009765625 ms
push-join: 3207.129150390625 ms
concatenate: 5959.56689453125 ms
Firefox：
strings 10
join-only: 0ms
push-join: 1ms
concatenate: 0ms
strings 100
join-only: 0ms
push-join: 0ms
concatenate: 0ms
strings 1000
join-only: 0ms
push-join: 1ms
concatenate: 0ms
strings 10000
join-only: 1ms
push-join: 2ms
concatenate: 0ms
strings 100000
join-only: 5ms
push-join: 11ms
concatenate: 8ms
strings 1000000
join-only: 39ms
push-join: 88ms
concatenate: 98ms
strings 10000000
join-only: 612ms
push-join: 1095ms
concatenate: 3249ms
测试代码：
for (var n = 10; n <= 10000000; n*=10) {
var iterations = n;
console.log("strings", iterations);
console.time("push-join");
arr = [];
for (var i = 0; i< iterations; i++) {
arr.push("a b c d e f g h i j k l m");
}
console.time("join-only");
content = arr.join(",");
console.timeEnd("join-only");
console.timeEnd("push-join");
content = "";
console.time("concatenate");
for (var i = 0; i< iterations; i++) {
content += "a b c d e f g h i j k l m";
}
console.timeEnd("concatenate");
}
这取决于：
Array Join 操作的速度慢了30％
String Concat 操作的速度慢了90％
手动连接更快，适用于固定长度的数字数组。
zxy.join('/')
// versus
zxy[0] + '/' + zxy[1] + '/' + zxy[2]
// given the array
zxy = [1, 2, 3]
// resulting in the string '0/1/2'
结果：使用 Chrome 64.0.3282.186，Array.join 的速度慢了46%。
Array.join的速度变慢了71%。 - Matthias扩展运算符，用三个连续的点（...）编写，是ES6中的新功能，它使您能够将可迭代对象扩展或展开为多个元素。
const books = ["Don Quixote", "The Hobbit", "Alice in Wonderland", "Tale of Two Cities"];
console.log(...books);打印输出：Don Quixote、The Hobbit、Alice in Wonderland、Tale of Two Cities
...rest）参数时，此方法才有效。 console.log 就是这样一个例子。然而，这并不总是回答 OP 的问题，因为您可能正在使用仅接受 1 个字符串参数的函数，在这种情况下，展开运算符将失败。 - chharvey