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%以上的时间。
相关文章
这篇文章主要给大家介绍了关于uniapp表单校验的相关资料,Uni-app内置了一些表单验证方法,可以帮助我们对表单进行有效的验证,需要的朋友可以参考下2023-10-10
数组是一段线性分配的内存，它通过整数去计算偏移并访问其中的元素。数组是很快的数据结构，但不幸的是，Javascript并没有像这种数组一样的数据结构。2009-12-12
这是一段点击复制的代码，现在我的页面里不仅有1个链接需要用到这段代码。请哪位好心人指教一下应该怎么用ID对应的方式来改写这段js，使它实现一个点击复制对应1个相应内容2009-12-12
模块化在项目中十分的重要，一个复杂的项目肯定有很多相似的功能模块，如果每次都需要重新编写模块肯定既费时又耗力。但是引用别人编写模块的前提是要有统一的“打开姿势”，如果每个人有各自的写法，那么肯定会乱套，下面介绍几种JS的模块化的规范。2017-03-03
这篇文章主要帮助大家理解javascript定时器中的单线程，感兴趣的小伙伴们可以参考一下2016-02-02
本文给大家分享一段js代码实现搜索框文字可删除功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2016-12-12
这篇文章主要为大家详细介绍了js编写简易的计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。2011-01-01
本文将介绍如何使用Echarts实现暂无数据的三种方法,详细讲解这三种方法的实现步骤和效果展示,帮助读者更好地理解如何在Echarts中处理暂无数据的情况2023-08-08
在JavaScript中实现命名空间...2006-11-11
最新评论