JS下高效拼装字符串的几种方法比较与测试代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS下高效拼装字符串的几种方法比较与测试代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1875字，纯文字阅读大概需要3分钟。

内容图文

var str = ""; 
for (var i = 0; i < 50000; i++) { 
str += "xxxxxx"; 
} 
 
这段代码耗时14.325秒，结果并不理想。现在我们将代码改为如下的形式： 
测试代码2 - 耗时: 0.359秒 
 代码如下:

var str = ""; 
for (var i = 0; i < 100; i++) { 
var sub = ""; 
for (var j = 0; j < 500; j++) { 
sub += "xxxxxx"; 
} 
str += sub; 
} 
 
这段代码耗时0.359秒！同样的结果，我们做的只是首先拼装一些较小的字符串然后再组装成更大的字符串。这种做法可以有效的在字符串拼装的后期减小内存复制的数据量。知道了这一原理之后我们还可以把上面的代码进一步拆散以后进行测试。下面的代码仅耗时0.140秒。 
测试代码3 - 耗时: 0.140秒 
 代码如下:

var strArray = new Array(); 
for (var i = 0; i < 100; i++) { 
var sub = ""; 
for (var j = 0; j < 500; j++) { 
sub += "xxxxxx"; 
} 
strArray.push(sub); 
} 
str = String.prototype.concat.apply("", strArray); 
 
不过，上面这种做法也许并不是最好的！如果我们需要提交的信息是XML格式的（其实绝大多数情况下，我们都可以设法将要提交的信息组装成XML格式），我们还能找能更高效更优雅的方法—利用DOM对象为我们组装字符串。下面这段代买组装一个长度为950015的字符串仅须耗时0.890秒。 
利用DOM对象组装信息 - 耗时: 0.890秒 
 代码如下:

var xmlDoc; 
if (browserType == BROWSER_IE) { 
xmlDoc = new ActiveXObject("Msxml.DOMDocument"); 
} 
else { 
xmlDoc = document.createElement("DOM"); 
} 
var root = xmlDoc.createElement("root"); 
for (var i = 0; i < 50000; i++) { 
var node = xmlDoc.createElement("data"); 
if (browserType == BROWSER_IE) { 
node.text = "xxxxxx"; 
} 
else { 
node.innerText = "xxxxxx"; 
} 
root.appendChild(node); 
} 
xmlDoc.appendChild(root); 
var str; 
if (browserType == BROWSER_IE) { 
str = xmlDoc.xml; 
} 
else { 
str = xmlDoc.innerHTML; 
} 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的JS下高效拼装字符串的几种方法比较与测试代码全部内容，希望文章能够帮你解决JS下高效拼装字符串的几种方法比较与测试代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端