JavaScript 学习笔记（七）字符串的连接
更新时间：2009年12月31日 23:22:30 作者：
javascript 字符串的连接效率问题，需要的朋友可以参考下。
字符串的连接
一、 最常用+=
一直说这种方式的效率是最低的，为什么呢？可以看下这种方式的实质过程。
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类有问题？
一、 最常用+=
一直说这种方式的效率是最低的，为什么呢？可以看下这种方式的实质过程。
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类有问题？
相关文章
本文主要javascript实现用户点击数量统计的方法进行详细介绍，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
这篇文章主要为大家详细介绍了js实现web留言板功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
JavaScript+html5 canvas制作的百花齐放效果完整实例
这篇文章主要介绍了JavaScript+html5 canvas制作的百花齐放效果,结合完整实例形式分析了使用html5的canvas技术动态绘制图形的技巧,需要的朋友可以参考下2016-01-01
这篇文章主要给大家介绍了webpack学习教程之publicPath路径问题的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-06-06
JavaScript中正则表达式使数字、中文或指定字符高亮显示
这篇文章主要介绍了JavaScript中正则表达式使数字、中文或指定字符高亮显示,需要的朋友可以参考下2017-10-10
使用JavaScript实现在页面中显示距离2017年中秋节的天数
这篇文章主要介绍了 使用JavaScript实现在页面中显示距离2017年中秋节的天数的相关资料,需要的朋友可以参考下2017-09-09
脚本合并可以有效提升javascript性能，下面有个不错的示例，大家可以参考下2014-02-02
某些网站，尤其是涉及钱的网站，现在基本都有一个机制是两小时后登陆自动失效，要重新登陆确认身份，那么js关闭浏览器时退出账号如何实现，感兴趣的可以了解一下2021-12-12
这篇文章主要介绍了JS面向对象编程——ES6 中class的继承用法,结合实例形式详细分析了ES6中class继承的相关操作技巧与使用注意事项,需要的朋友可以参考下2020-03-03
JavaScript的null和undefined区别示例介绍
在Javascript中对于这种生命后没有给定初始值的变量，就给他一个undefined，如果要将一个标识符声明称object类型，但是暂时不给他实例，那么就可以将它先初始化为null2014-09-09
最新评论