JavaScript 怎样js高效拼接字符串串

来源：蜘蛛抓取(WebSpider) 时间：2016-09-17 01:56 标签： javascript 拼接json
> 优化您的JS代码-字符串的拼接
优化您的JS代码-字符串的拼接
yanyan2006 & &
发布时间： & &
浏览：20 & &
回复：0 & &
悬赏：0.0希赛币
优化你的JS代码--字符串的拼接
　　java提倡在处理字符串拼接的时候用StringBuffer，好处不多说了，这不是此文的本意，总之谁用谁知道。
　　但是js貌似没有这方面专门处理字符串的类或者函数阿，所以有很多程序员包括我在内，大篇幅加大手笔的采用str1 + str2+...的形式，很多时候外面还有for循环...
　　难道js中真没有能提高在字符串拼接方面的性能的办法了吗？& 答案是有的，见下文：
　　字符串的拼接在我们开发中会经常遇到，所以我把其放在首位，我们往往习惯的直接用+=的方式来拼接字符串，其实这种拼接的方式效率非常的低，我们可以用一种巧妙的方法来实现字符串的拼接，那就是利用数组的join方法。
　　&div&class=&one&&id=&one&$>$/div$>$ &&input&type=&button&&value=&效率低&&onclick=&func1()&&/$>$ &&input&type=&button&&value=&效率高&&onclick=&func2()&&/$>$
　　//效率低的& function&func1(){& &var&start&=&new&Date().getTime();& &var&template&=&&&;& &for(var&i&=&0;&i&$<$10000;&i&#43;&#43;){& &&&&&&&&&template&&#43;=&&&input&type='button'&value='a'$>$;& &&&&&}& &var&end&=&new&Date().getTime();& &&&&&document.getElementById(&one&).innerHTML&=&& &&&&&alert(&用时:&&&#43;&(end&-&start)&&#43;&&毫秒&);& &}& &//效率高的& function&func2(){& &var&start&=&new&Date().getTime();& &var&array&=&[];& &for(var&i&=&0;&i&$<$10000;&i&#43;&#43;){& &&&&&&&&&array[i]&=&&&input&type='button'&value='a'$>$;& &&&&&}& &var&end&=&new&Date().getTime();& &&&&&document.getElementById(&one&).innerHTML&=&array.join(&&);& &&&&&alert(&用时:&&&#43;&(end&-&start)&&#43;&&毫秒&);& &}& &
　　我们看看其在不同浏览器下执行的情况
　　我们会发现，在IE6下其差别是相当明显的，其实这种情况在IE的高版本中体现的也非常明显，但是在Firefox下却没有多大的区别，相反第二种的相对效率还要低点，不过只是差别2ms左右，而Chrome也和Firefox类&#20284;。另外在这里顺便说明一下，在我们给数组添加元素的时候，很多人喜欢用数组的原生的方法push，其实直接用arr[i]或者arr[arr.length]的方式要快一点，大概在10000次循环的情况IE浏览器下会有十几毫秒的差别。
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&Javascript中的字符串连接函数：concat
作者:脚本分享网
Javascript中我们可以通过concat将两个或者多个字符串连接成一个字符串.concat可以连接多个字符串，同时我们也提供了除此之外的一些别的连接方法。
中我们可以通过将两个或者多个字符串连接成一个.concat可以连接多个字符串，同时我们也提供了除此之外的一些别的连接方法。首先看一下concat的语法variable.concat("string1","string2","string3","string4");首先我们尝试着连接3个字符串var my_var1=" Hello Welcome"
var my_var2="
var my_var3= " JavaScript Section "
var my_var=my_var1.concat(my_var2, my_var3)
document.write(my_var);上面的代码输出：Hello&Welcome&to&&JavaScript&Section我们也可以通过下面的方法进行连接，下面的代码可能看起来会更清晰一些：var new_var="";
new_var= new_var.concat("First one", " Second One", " Third one ");
document.write(new_var)通过&+&号连接字符串当然最简单的我们可以通过加号（+）直接对进行连接var my_var1=" Hello Welcome"
var my_var2="
var my_var3= " JavaScript Section "
var my_var=my_var1 + my_var2 + my_var3
document.write(my_var);我们也可以只声明一个变量来进行连接：var my_var=""
my_var +=" Hello Welcome"
my_var +="
my_var += " JavaScript Section "
document.write(my_var);这段代码和上面的代码输出结果是一样的
您可能还关注以下内容：
点击：6314&&&&
点击：6376&&&&
点击：4148&&&&
点击：12378&&&&
点击：5222&&&&
点击：8723&&&&
点击：4159&&&&
点击：5295&&&&
点击：2384&&&&
点击：16328&&&&
点击：15898&&&&
点击：14405&&&&
点击：12378&&&&
点击：12570&&&&
点击：13738&&&&
点击：12810&&&&
点击：8758&&&&
点击：11117&&&&
合作网站：君，已阅读到文档的结尾了呢~~
广告剩余8秒
文档加载中
[指南]如何使拼接html字符串更快
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
[指南]如何使拼接html字符串更快
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer--144.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口javascript（6）
nodejs（38）
这种方式是es6的语法.使用键盘1左边的那个字符
再加上js自带的模板引擎拼接字符串非常快速.这东西也没什么高深的,看几个例子就懂了.
console.log(`&xml&
&ToUserName&&![CDATA[toUser]]&&/ToUserName&
&FromUserName&&![CDATA[fromUser]]&&/FromUserName&
&CreateTime&&/CreateTime&
&MsgType&&![CDATA[text]]&&/MsgType&
&Content&&![CDATA[你好]]&&/Content&
var str1 = &#39;hello&#39;;
console.log(`${str1} world`);
var a = 10;
var b = 20;
console.log(`a+1=${a+1};b*2=${b*2}`);
----浏览器中
在nodejs中目前的版本对 ``是完全支持的,大概就以下几点功能:
换行不用加号拼接
可以用${}传入变量
可以进行数字的计算
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：9712次
排名：千里之外
原创：39篇
文章：31篇
阅读：7896
文章：31篇
阅读：7896
(19)(22)(1)(1)(1)javascript 字符串拼接效率问题
[问题点数：20分，结帖人xiaozhiqiang15]
javascript 字符串拼接效率问题
[问题点数：20分，结帖人xiaozhiqiang15]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2012年8月 总版技术专家分月排行榜第三2012年7月 总版技术专家分月排行榜第三
2014年8月 高性能开发大版内专家分月排行榜第一2013年11月 高性能开发大版内专家分月排行榜第一2012年12月 Java大版内专家分月排行榜第一2012年11月 Java大版内专家分月排行榜第一2012年10月 Java大版内专家分月排行榜第一2012年9月 Java大版内专家分月排行榜第一2012年8月 Java大版内专家分月排行榜第一2012年7月 Java大版内专家分月排行榜第一2012年6月 Java大版内专家分月排行榜第一2012年5月 Java大版内专家分月排行榜第一2012年4月 Java大版内专家分月排行榜第一2012年3月 Java大版内专家分月排行榜第一2012年2月 Java大版内专家分月排行榜第一2012年1月 Java大版内专家分月排行榜第一
本帖子已过去太久远了，不再提供回复功能。

我要回帖

更多关于 javascript 拼接json 的文章

 

随机推荐