JavaScript 字符串连接性能优化

2019-11-21 01:31:09

字体：大中小

来源：转载

供稿：网友

var str = "hello"; 
str += " world"; 

后台所做工作：
1）创建存储 "hello" 的字符串，且使 str 指向它。
2）创建存储 "world" 的字符串。
3）创建存储结果的字符串。
4）将 str 中的当前内容复制到结果字符串中。
5）把 world 复制到结果字符串中。
6）更新 str ，使 str 指向结果字符串。
每拼接一次字符串就循环重复2）~6），如果重复成百上千次则会非常消耗资源，影响性能。
解决方法：
使用 Array 对象存储字符串，之后使用 join（）方法输出结果。
仿照 Java 中的 StringBuffer 类。

复制代码代码如下:

function StringBuffer(){ 
this._strings = new Array; 
} 
StringBuffer.prototype.append = function (str){ 
this._strings.push(str); 
} 
StringBuffer.prototype.toString = function (){ 
return this._strings.join(""); 
} 

测试性能：
代码1：使用 "+=" 拼接字符串

复制代码代码如下:

var d = new Date(); 
var str = ""; 
for(var i=0;i<10000;i++){ 
str += "test"; 
} 
var d2 = new Date(); 
document.writeln(d2.getTime()-d.getTime()); 

代码2：使用 StringBuffer

复制代码代码如下:

var d = new Date(); 
var str = new StringBuffer(); 
for(var i=0;i<10000;i++){ 
str.append("test"); 
} 
var res = str.toString(); 
var d2 = new Date(); 
document.writeln(d2.getTime()-d.getTime()); 

从多次测试结果看来，使用StringBuffer 可以节省50%以上的时间。

上一篇：JavaScript CSS 菜单功能代码

下一篇：JavaScript 绘图代码