字符串的连接

一、 最常用+=

一直说这种方式的效率是最低的，为什么呢？可以看下这种方式的实质过程。

var str = "hello";

str += "world";

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

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

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

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

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

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

每次完成字符串连接都会执行步骤2到6，使得这种操作非常消耗资源。如果重复这一过程几百次，甚至几千次，就会造成性能问题。所有以后就要摒弃这种用法了，哈哈哈。^_^

二、 join()方法

复制代码 代码如下:

//按钮调用

function JoinFn() {

var arr = new Array;

arr[0] = "张三";

arr[1] = "李四";

alert(arr.join(""));

}

执行的步骤如下：

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

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

这中方法效率比第一种快。

三、 封装一个自定义的类

JavaScript中没有像C#中那样的StringBuilder类，但是我们可以自定义一个StringBuilder类，建类的方法就是上一篇提到的“混合的构造函数/原型方式”。

复制代码 代码如下:

//自定义一个StringBuilder类，用来连接字符串

function StringBuilder() {

this._strings = new Array();

}

StringBuilder.prototype.append = function(str) {

this._strings.push(str);

};

StringBuilder.prototype.toString = function() {

return this._strings.join("");

};

//按钮调用

function MyConnectClassFn() {

var sb = new StringBuilder();

sb.append("张三");

sb.append("李四");

var strResult = sb.toString();

alert(strResult);

}

总结

最后比较以上这三种方法，书上说最后一种速度最快，但是经过我测试，貌似join()是最快的，第三种反而是最慢的，难道我的自定义StringBuilder类有问题？