JavaScript 怎样高效拼接字符串？

JavaScript 怎样高效拼接字符串~

第一种方法 用连接符“+”把要连接的字符串连起来：str="a";str+="b";毫无疑问，这种方法是最便捷快速的，如果只连接100个以下的字符串建议用这种方法最方便。 第二种方法 以数组作为中介用 join 连接字符串：var arr=new Array();arr.push(a);arr.push(b);var str=arr.join("");w3school 网站介绍说这种方法要比第一种消耗更少的资源，速度也更快，后面我们通过实验再验证是否是这样。 第三种方法 利用对象属性来连接字符串function stringConnect(){ this._str_=new Array();}stringConnect.prototype.append=function(a){ this._str_.push(a);}stringConnect.prototype.toString=function(){ return this._str_.join();} var mystr=new stringConnect; mystr.append("a"); var str=mystr.toString();

javascript中字符串的拼接使用的是+号连接操作符，另外操作字符串的方法有

　　字符串其他的调用方法：
　　s.charAt(0); //第一个字符：“H”
　　s.charAt(s.length-1); //最后一个字符串“d”
　　s.substring(1,4); //第2~4个字符串注意不是第2~5个字符串 “ell”;
　　s.slice(1,4); // 同上 “ell”;
　　s.replace("H","h"); //“h”替换“H”，全文字符替换，
　　s.toUpperCase(); //全文大写
　　
　　s.slice(-3); //最后三个字符“rld”；
　　s.indexOf("l"); //字符l首次出现的位置； “2”
　　s.lastIndexOf("l"); //字符l最后出现的位置； “10”
　　s.indexOf("l",3); //在位置33及之后首次出现字符串了的位置 “3”
　　s.split(", "); //[“hello”，“world”]分割成子串
　　合理使用这些方法可以提高操作效率

就像在C#中一样，可以使用”+”来拼接字符串，而对于操作频繁、讲究效率的字符串拼接操作应该选择StringBuilder类。在JavaScript中是否也存在这个问题呢？答案是肯定的，虽然JavaScript并没有为提供一个内置的StringBuilder对象，但是可以自己来创建一个！至于效率到底能提高多少，让程序说话吧！

//---StringBuilder---
function StringBuilder(){
	this.__string__ = new Array();
}
StringBuilder.prototype.append = function(str){
	this.__string__.push(str);
}
StringBuilder.prototype.toString = function(){
	return this.__string__.join("");
}
 
var d1 = new Date();
var buffer = new StringBuilder();
for(var i = 1; i < 10000; i++){
	buffer.append("E3Card");
}
var strResult = buffer.toString();
var d2 = new Date();
 
document.write("StringBuilder用时：" + (d2.getTime() - d1.getTime()) + "<br/>");
 
//---+-----
var d3 = new Date();
var str = "";
for(var i = 1; i < 10000; i++){
	str += "E3Card";
}
var d4 = new Date();
document.write("+链接用时：" + (d4.getTime() - d3.getTime()) + "<br/>");

在机器上(Core2 3.0G/4GRAM)，反复F5后得到一个，比较平稳的测试结果：

StringBuilder用时：32
+链接用时：1109

哇哦，30多倍，没看错吧！

好了，赶紧自己做好一个Lib，以后都用这个StringBuilder吧：

function StringBuilder(){
	this.__string__ = new Array();
}
StringBuilder.prototype.append = function(str){
	this.__string__.push(str);
}
StringBuilder.prototype.toString = function(){
	return this.__string__.join("");
}

(1)新版本的浏览器对拼接字符串做了优化,如果不是要兼容比较老的浏览器比如IE6,可以不做优化
(2)优化一般从两个地方着手
a.如果是for(var i=0;i<arr.length;i++),在这里面拼接,可以在循环外边用一个变量缓存一下arr.length,把i<arr.length改成i<缓存的那个变量,这样不用每次取length.
b.把要拼接的字符串都push到一个js数组里,再用数组的join方法,以空字符串join,这样就不会有过多的字符串创建和销毁,从而提高效率.

模拟JAVA的StringBuffer这种缓冲机制，其原理是利用数组进行拼接，源代码如下：

function StringBuffer() {
this.__strings__ = new Array();
}
StringBuffer.prototype.append = function (str) {
this.__strings__.push(str);
return this; //方便链式操作
}
StringBuffer.prototype.toString = function () {
return this.__strings__.join("");
}

/*测试*/
var buffer = new StringBuffer();
buffer.append("Hello ").append("javascript");
var result = buffer.toString();
alert(result);

最简单的方式就是直接用+号链接，因为js是弱类型语言，不区分具体类型，直接字符串a+b+c就行，不放心的话中间可以加上"";

百度的高质量提问就是一个脑残的设计，只能看到提问，不能看到问题详情，怎样获得高质量的回答？？？？

另外，也看不到其它人的回答，如果其它人回答了，我再来回答一次，不是很浪费时间与精力？！

@百度知道 脑残设计！！！

---

拉孜县18572337449： 如何在 JavaScript 中高效地连接字符串 - ？
辉戴更年： javascript中字符串的拼接使用的是+号连接操作符,另外操作字符串的方法有字符串其他的调用方法: s.charAt(0); //第一个字符:“H” s.charAt(s.length-1); //最后一个字符串“d” s.substring(1,4); //第2~4个字符串注意不是...

拉孜县18572337449： JavaScript 怎样高效拼接字符串 - ？
辉戴更年： 1.对NEWS,NEWS[i]使用局部变量是高效的:var newsElem =NEWS[i].NEWS[i].LINK - > newsElem.LINK NEWS[i].TITLE - > newsElem.TITLE2.同理,对...

拉孜县18572337449： JavaScript 怎样高效拼接字符串? - ？
辉戴更年： (1)新版本的浏览器对拼接字符串做了优化,如果不是要兼容比较老的浏览器比如IE6,可以不做优化(2)优化一般从两个地方着手 a.如果是for(var i=0;ib.把要拼接的字符串都push到一个js数组里,再用数组的join方法,以空字符串join,这样就不会有过多的字符串创建和销毁,从而提高效率.

拉孜县18572337449： javascript如何 拼接字符串 - ？
辉戴更年： 1.对NEWS,NEWS[i]使用局部变量是高效的: var newsElem =NEWS[i].NEWS[i].LINK - > newsElem.LINK NEWS[i].TITLE - > newsElem.TITLE2.同理,对于NEWS.length也应该做缓存, for (var i=0, len= NEWS.length; len > i; i++) //小于符号会被知乎吃掉,反过来写的大于3.使用join代替字符串拼接这个技巧对于IE6、7有显著性能提升,同时对现代浏览器,没有太过明显的性能损耗,鉴于目前IE6、7市场占有率并不低,且它们的JS引擎执行性能低下,垃圾回策略收策略弱智,这个优化是划算的.

拉孜县18572337449： javascript 中拼接字符串,如何把一段代码拼接起来 - ？
辉戴更年： ahtml=＂<script>＂+ ＂var rs1 = new SimpleResize(dragDiv＂+obj.name+＂);＂+ ＂rs1.Set(rRightDown＂+obj.name+＂, 'right-down');＂+ ＂rs1.Set(rLeftDown＂+obj.name+＂, 'left-down');＂+ ＂rs1.Set(rRightUp＂+obj.name+＂, 'right-up');＂+ ＂...

拉孜县18572337449： 如何制作上一页下一页的链接在做作业遇到了问题我制作了个框架为上 ？
辉戴更年： 首先你已经可以用1 2 3 4 5 6形式链接,那么说明你在上框架显示是可以判断下框架点击的链接数字是几. 现在需要做是把上一页下一页的点击转化为数字的点击. 实现方法: 定义一个变量page,默认打开页面是1,所以page默认等于1. 点击下一页,如果page1,那么page=page-1,否则page=1 至于上框架显示原来读取数字的地方,你直接改成读page就可以. 另外你说明都是静态页面,但你完全可以利用javascript来完成以上工作(javascript无论动态还静态页面都可以是用).

拉孜县18572337449： 在java中,要输出一行字符串“1z2z3z4z.......9999z”,这样的循环字符串拼接,最高效的执行方法 - ？
辉戴更年： 字符串连接,性能最高的方法是使用StringBuffer类. 原因:String声明后变不可改变,原因是String引用的是地址;即新生成的字符串会被实例化出不同的地址,但在原来的字符串还被存储在内存当中.而StringBuffer类内容是可以改变的,所以...

拉孜县18572337449： 比如有一些字符串list=“aaabbbccc”在shell中怎? ？
辉戴更年： shell如何将aaa ?bbb ?ccc ddd 这个四个字符串生成所有组合不能有字符重复(不能... | awk -F＂/＂ '{print NF-1}' ? 执行这条命令,就可以得到你要结果. JAVAScript中,...

拉孜县18572337449： 如何分辨HTCHD2翻新机HTCHD2有一段时间了,如何分辨翻新 ？
辉戴更年： 鉴别是否新机: 1、先检测外观 看有没有划痕,再看原装屏幕保护贴是否紧凑;外壳... 这种机子外壳的漆是JS喷上去的,时间一长,漆就会落(机壳上的灰尘小颗粒,是喷...

拉孜县18572337449： 爱问对一天之内或者特定一段时间有提问或回答数量的限制吗？
辉戴更年： 爱问对一天之内或者特定一段时间没有提问或回答数量的限制 但是大量灌水等会被处罚