JavaScript 学习笔记二 字符串拼接
作者:bea
var str="hello"; str+="world"; 实际上,这段代码在幕后执行的步骤如下: (1) 创建存储"hello"的字符串。 (2) 创建存储"world"的字符串。 (3) 创建存储连接结果的字符串。 (4) 把str的当前内容复制到结果中。 (5) 把"world"复制到结果中。 (6) 更新str,使它指向结果。 每次完成字符串连接都会执行步骤2到6,使得这种操作非常消耗资源。如果重复这一过程几百次,甚至几千次,就会造成性能问题。解决方法是用Array
var str="hello";
str+="world";
实际上,这段代码在幕后执行的步骤如下:
(1) 创建存储"hello"的字符串。
(2) 创建存储"world"的字符串。
(3) 创建存储连接结果的字符串。
(4) 把str的当前内容复制到结果中。
(5) 把"world"复制到结果中。
(6) 更新str,使它指向结果。
每次完成字符串连接都会执行步骤2到6,使得这种操作非常消耗资源。如果重复这一过程几百次,甚至几千次,就会造成性能问题。解决方法是用Array对象存储字符串,然后用join()方法(参数是空字符串)创建最后的字符串。想像用下面的代码代替前面的代码:
代码如下:
var str=new Array();
str[0]="hello";
str[1]="world";
str.join("");
这样,无论在数组中引入多少字符串都不成问题,因为只在调用join()方法时才会发生连接操作。此时,执行的步骤如下:
(1) 创建存储结果的字符串。
(2) 把每个字符串复制到结果中的合适位置。
代码如下:
function StringBuilder(){
this._string=new Array();
}
StringBuilder.prototype.Append=function(str){
this._string.push(str);
}
StringBuilder.prototype.toString=function(){
return this._string.join("");
}
相关提升效率的文章:
html数组字符串拼接的最快方法
javascript之大字符串的连接的StringBuffer 类
更多可以参考以前的文章。
有用 | 无用
str+="world";
实际上,这段代码在幕后执行的步骤如下:
(1) 创建存储"hello"的字符串。
(2) 创建存储"world"的字符串。
(3) 创建存储连接结果的字符串。
(4) 把str的当前内容复制到结果中。
(5) 把"world"复制到结果中。
(6) 更新str,使它指向结果。
每次完成字符串连接都会执行步骤2到6,使得这种操作非常消耗资源。如果重复这一过程几百次,甚至几千次,就会造成性能问题。解决方法是用Array对象存储字符串,然后用join()方法(参数是空字符串)创建最后的字符串。想像用下面的代码代替前面的代码:
代码如下:
var str=new Array();
str[0]="hello";
str[1]="world";
str.join("");
这样,无论在数组中引入多少字符串都不成问题,因为只在调用join()方法时才会发生连接操作。此时,执行的步骤如下:
(1) 创建存储结果的字符串。
(2) 把每个字符串复制到结果中的合适位置。
代码如下:
function StringBuilder(){
this._string=new Array();
}
StringBuilder.prototype.Append=function(str){
this._string.push(str);
}
StringBuilder.prototype.toString=function(){
return this._string.join("");
}
相关提升效率的文章:
html数组字符串拼接的最快方法
javascript之大字符串的连接的StringBuffer 类
更多可以参考以前的文章。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- Javascript load Page,load css,load js实现代码
- Javascript Jquery 遍历Json的实现代码
- jquery+json实现的搜索加分页效果
- EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
- ExtJS TabPanel beforeremove beforeclose使用说明
- Jquery 常用方法一览表(集合)
- 十个优秀的Ajax/Javascript实例网站收集
- javascript中的107个基础知识收集整理 推荐
- jquery CSS选择器笔记
- Tinymce+jQuery.Validation使用产生的BUG
- javascript delete 使用示例代码
- JavaScript 格式字符串的应用
- js DataSet数据源处理代码
- javascript 变态的节点集合
- javascript 节点遍历函数
- javascript 类型判断代码分析
- js chrome浏览器判断代码
- javascript 跨浏览器的事件系统
- javascript 深拷贝