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之移动端H5生成图片解决方案讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
这篇文章主要介绍了javascript去掉代码里面的注释的方法和具体代码，有需要的小伙伴可以参考下。2015-07-07
JavaScript中函数（Function）的apply与call理解
这篇文章主要介绍了JavaScript中函数（Function）的apply与call理解,本文讲解了JavaScript函数调用分为4中模式以及通过apply和call实现扩展和继承两方面,需要的朋友可以参考下2015-07-07
本篇文章给大家分享了关于javascript代码优化的8点总结，希望我们整理的内容能够帮助到大家。2018-01-01
本文给大家分享的是使用javascript实现身份验证的规则以及代码，非常的简单实用，有需要的小伙伴可以参考下。2016-02-02
聊聊JavaScript中的try...catch使用小技巧
作为一名web前端工程师,JavaScript中的try...catch是我们常用的特性之一,用于处理代码中可能出现的错误,本文小编将和大家一起聊聊JavaScript中的try...catch使用小技巧,需要的朋友可以参考下2023-11-11
本文对JavaScript中对象的本质、对象与类的关系、对象与引用类型的关系;对象属性如何进行分类;属性中特性进行介绍。感兴趣的朋友可以看下2016-12-12
下面小编就为大家带来一篇JS比较两个数值的大小实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
微信小程序wxml不能使用Array.includes条件判断解决方法
这篇文章主要为大家介绍了微信小程序wxml不能使用Array.includes条件判断解决方法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-11-11
这篇文章主要介绍了实用框架(iframe)操作代码 ,需要的朋友可以参考下2014-10-10
最新评论