温故知新,JS中的字符串连接问题

　　

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

 var  str =,“hello ”;
　　str  +=,“世界”;

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

<李>

创建存储“hello”的字符串。

<李>

创建存储“世界”的字符串。

<李>

创建存储连接结果的字符串。

<李>

把str的当前内容复制到结果中。

<李>

把“世界”复制到结果中。

<李>

更新str,使它指向结果。

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

 var  arr =, new 数组();
　　arr [0],=,“hello ”;
　　加勒比海盗[1],=,“世界”;
　　var  str =, arr.join (" ");

这样,无论数组中引入多少字符串都不成问题,因为只在调用加入()方法时才会发生连接操作。此时,执行的步骤如下:

<李>

创建存储结果的字符串

<李>

把每个字符串复制到结果中的合适位置

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

 function  StringBuffer  (), {
　　时间=this._strings_ 才能;new 数组();
　　}
　　
　　时间=StringBuffer.prototype.append 函数(str), {
　　this._strings_.push才能(str);
　　};
　　
　　时间=StringBuffer.prototype.toString 函数(),{
　　return 才能this._strings_.join (" ");
　　};

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

 var  buffer =, new  StringBuffer  ();
　　buffer.append (“hello ”);
　　buffer.append(“世界”);
　　var  result =, buffer.toString ();

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

 var  d1 =, new 日期();
　　var  str =,””;
　　for  (var  i=0,小姐:& lt;, 10000;,我+ +),{
　　,,,str  +=,“文本”;
　　}
　　var  d2 =, new 日期();
　　
　　document . write (“Concatenation  with 加上:”
　　,+ (d2.getTime(),安康;d1.getTime()), +,“,毫秒”);
　　
　　var  buffer =, new  StringBuffer ();
　　时间=d1  new 日期();
　　for  (var  i=0,小姐:& lt;, 10000;,我+ +),{
　　,,,buffer.append(“文本”);
　　}
　　var  result =, buffer.toString ();
　　时间=d2  new 日期();
　　
　　document . write (“& lt; br /祝辞Concatenation  with  StringBuffer:,“
　　,+ (d2.getTime(),安康;d1.getTime()), +,“,毫秒”);


温故知新,JS中的字符串连接问题