繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 学习笔记（七）字符串的连接
- Javascript
- js select 标签选定项的值获取代码
- js GridView 实现自动计算操作代码
- Discuz 公告效果（自动换行，无间隙滚动）
- js 动态添加标签（新增一行，其实很简单，就是几个函数的应用）
- JS 常用校验函数
- HTML代码中标签的全部属性 中文注释说明
- input 高级限制级用法
- js onpropertychange输入框 事件获取属性
- Javascript 生成无限下拉列表实现代码
- javascript 极速 隐藏/显示万行表格列只需 60毫秒
- 用JavaScript实现单继承和多继承的简单方法
- javascript 闭包函数做显隐内容
- js 页面模块自由拖动实例
- js Flash插入函数免激活代码
- setTimeout 不断吐食CPU的问题分析
- 说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
- js 浏览器版本及版本号判断函数2009年
- Javascript 原型和继承(Prototypes and Inheritance)
- HTML 自动伸缩的表格Table js实现
- 两个INPUT同步输入的方法小结 兼容IE和firefox
Javascript 中的 JavaScript 学习笔记（七）字符串的连接
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 348 ::
收藏到网摘: n/a
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类有问题？
评论 (0) All
