JavaScript 学习笔记二 字符串拼接_Javascript教程-查字典教程网
JavaScript 学习笔记二 字符串拼接
JavaScript 学习笔记二 字符串拼接
发布时间:2016-12-30 来源:查字典编辑
摘要:varstr="hello";str+="world";实际上,这段代码在幕后执行的步骤如下:(1)创建存储"hello"的字符串。(2)创...

var str="hello";

str+="world";

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

(1) 创建存储"hello"的字符串。

(2) 创建存储"world"的字符串。

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

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

(5) 把"world"复制到结果中。

(6) 更新str,使它指向结果。

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

复制代码 代码如下:

var str=new Array();

str[0]="hello";

str[1]="world";

str.join("");

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

(1) 创建存储结果的字符串。

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

复制代码 代码如下:

function StringBuilder(){

this._string=new Array();

}

StringBuilder.prototype.Append=function(str){

this._string.push(str);

}

StringBuilder.prototype.toString=function(){

return this._string.join("");

}

相关提升效率的文章:

html数组字符串拼接的最快方法

javascript之大字符串的连接的StringBuffer 类

更多可以参考查字典教程网以前的文章。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类