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类有问题?



相关阅读:
使一个函数作为另外一个函数的参数来运行的javascript代码
php教程:php设计模式介绍之代理模式
PHP操作Imagick库打印数字矩阵
标记目录
分享几个超级震憾的图片特效
基于jquery的划词搜索实现(备忘)
asp.net JavaScript插件 JavaScript Function Outliner
vb.net入门——TreeView 控件的使用
超强推荐的js编程中的简洁写法收集
用php或asp创建网页桌面快捷方式的代码
zblog二次回复不显示在侧栏最新评论里的修改方法
将Windows 7中的AeroSnap功能禁用
活动目录管理:拆分双用途域控制器
MSSQL Server 查询优化方法 整理
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4