温故知新,JavaScript中的字符串连接问题最全总结(推荐)

　　

ECMAScript中最常见的一个问题是字符串连接的性能。与其他语言类似,ECMAScript的字符串是不可变的,即它们的值不能改变。请考虑下面的代码:

　　 　　 　　var str=澳愫谩? 　　str +=笆澜纭? 　　 　　

实际上,这段代码在幕后执行的步骤如下:

　　

1,创建存储“hello”的字符串。
　　2、创建存储“世界”的字符串。
　　3、创建存储连接结果的字符串。
　　4、把str的当前内容复制到结果中。
　　5,把“世界”复制到结果中。
　　6,更新str,使它指向结果。

　　

每次完成字符串连接都会执行步骤2到6,使得这种操作非常消耗资源。如果重复这一过程几百次,甚至几千次,就会造成性能问题。解决方法是用数组对象存储字符串,然后用加入()方法(参数是空字符串)创建最后的字符串。想象用下面的代码代替前面的代码:

　　 　　 　　var arr=new Array (); 　　arr[0]=澳愫谩? 　　arr[1]=笆澜纭? 　　var str=arr.join (" "), 　　 　　

这样,无论数组中引入多少字符串都不成问题,因为只在调用加入()方法时才会发生连接操作。此时,执行的步骤如下:
　　1,创建存储结果的字符串
　　2、把每个字符串复制到结果中的合适位置

　　

虽然这种解决方案很好,但还有更好的方法。问题是,这段代码不能确切反映出它的意图。要使它更容易理解,可以用StringBuffer类打包该功能:

　　 　　 　　函数StringBuffer () { 　　这一点。_strings_=new Array (); 　　} 　　StringBuffer.prototype。附加=函数(str) { 　　this._strings_.push (str); 　　}； 　　StringBuffer.prototype。toString=function () { 　　返回this._strings_.join (" "); 　　}; 　　 　　

这段代码首先要注意的是字符串属性,本意是私有属性。它只有两个方法,即append()和toString()方法.append()方法有一个参数,它把该参数附加到字符串数组中,toString()方法调用数组的加入方法,返回真正连接成的字符串。要用StringBuffer对象连接一组字符串,可以用下面的代码:

　　 　　 　　var缓冲=new StringBuffer (); 　　缓冲区。追加(“hello”); 　　buffer.append(“世界”); 　　var=结果buffer.toString (); 　　 　　

可用下面的代码测试StringBuffer对象和传统的字符串连接方法的性能:

　　 　　 　　var d1=new日期(); 　　var str=" "; 　　(var=0;我& lt;10000;我+ +){ 　　str +=拔谋尽? 　　} 　　var d2=new日期(); 　　文档。写(“连接加上:” 　　+ (d2.getTime ()——d1.getTime()) +“毫秒”); 　　var缓冲=new StringBuffer (); 　　d1=new日期(); 　　(var=0;我& lt;10000;我+ +){ 　　buffer.append(“文本”); 　　} 　　var=结果buffer.toString (); 　　d2=new日期(); 　　document . write (“& lt; br/在连接与StringBuffer:“ 　　+ (d2.getTime ()——d1.getTime()) +“毫秒”); 　　之前 　　 　　

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对的支持!

温故知新,JavaScript中的字符串连接问题最全总结(推荐)