JavaScript 字符串连接性能优化
更新时间：2008年12月20日 15:23:19 作者：
从多次测试结果看来，使用StringBuffer 可以节省50%以上的时间
复制代码 代码如下:
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%以上的时间。
相关文章
这篇文章主要为大家详细介绍了JS实现方形抽奖效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-08-08
这篇文章主要介绍了JS面向对象编程实现的Tab选项卡,结合具体案例形式详细分析了JS基于面向对象程序设计实现Tab选项卡的相关操作技巧,需要的朋友可以参考下2020-03-03
这篇文章主要为大家详细介绍了js正则表达式注册页面表单验证，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要为大家详细介绍了JavaScript实现密码强度实时验证，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
mpvue 是一个使用 Vue.js 开发小程序的前端框架。这篇文章主要介绍了小程序的mpvue框架 ,需要的朋友可以参考下2019-05-05
这篇文章主要给大家介绍了关于TypeScript高级用法的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用TypeScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-12-12
这篇文章主要为大家详细介绍了js实现移动端轮播图滑动切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
本文主要介绍了js实现简单的获取验证码按钮加效果的实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
本篇文章主要介绍了Javascript中 toFixed四舍六入方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要介绍了微信小程序调用后台service教程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-11-11
最新评论