再论Javascript下字符串连接的性能_javascript技巧

来源：懂视网责编：小采时间：2020-11-27 20:58:26

再论Javascript下字符串连接的性能_javascript技巧

再论Javascript下字符串连接的性能_javascript技巧:1 如何进行字符串连接？首先让我们来回顾一下字符串连接的两种常用方法： 1.1 使用字符串连接运算符常用的语言（如Java、C#、PHP等）都有字符串连接运算符，Javascript也不例外，代码示例：代码如下: var str = ; str = str + a

推荐度：

点击下载本文 文档为doc格式

导读再论Javascript下字符串连接的性能_javascript技巧:1 如何进行字符串连接？首先让我们来回顾一下字符串连接的两种常用方法： 1.1 使用字符串连接运算符常用的语言（如Java、C#、PHP等）都有字符串连接运算符，Javascript也不例外，代码示例：代码如下: var str = ; str = str + a

1 如何进行字符串连接？

首先让我们来回顾一下字符串连接的两种常用方法：
1.1 使用字符串连接运算符

常用的语言（如Java、C#、PHP等）都有字符串连接运算符，Javascript也不例外，代码示例：
代码如下:
var str = "";
str = str + "a";

1.2 使用数组

在常用的语言中，字符串连接运算的性能普遍不高，为此在C#中就专门提供了StringBuilder（Java中提供了StringBuffer）用于连接字符串。而在Javascript中就出现了通过Array模拟StringBuilder的方案。
代码如下:
var str = [];
for (var i = 0; i < 100; i++) {
　　str[i] = "12345";
}
str = str.join("");

2 测试

下面通过复制字符串的过程来测试两种方法的性能：
2.1 通过字符串连接运算符进行复制：
代码如下:
function copyByOperator(str, times) {
　　var newStr = "";
　　for (var i = 0; i < times; i++) {
　　　　newStr += str;
　　}
　　return newStr;
}

2.2 通过数组进行复制：
代码如下:
function copyByArray(str, times) {
　　var newStr = [];
　　for (var i = 0; i < times; i++) {
　　　　newStr[i] = str;
　　}
　　return newStr.join("");
}

str采用一段固定的HTML字符串，长度是61。
2.3 IE下的测试

考虑到IE的性能比较差，先用小的times值（6000）在IE 6、IE 7和IE 8下面测试。运行10次后取平均值，结果如下：