Javascript三种字符串连接方式及性能比较
前端  /  管理员 发布于 4年前   228
第一种:用连接符“+”连接字符串
str="a";
str+="b";
这种方法相对以下两种,最便捷快速。建议100字符以下的连接使用这种连接方式。
第二种:以数组作为中介,使用jion函数进行连接
var arr=new Array();arr.push(a);arr.push(b);var str=arr.join("");
第三种:利用对象属性连接字符串
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();
利用下面代码对三种方法性能进行比较,通过更改 c 的值来调整连接字符串的个数:
var str="";var d1,d2;var c=5000;//连接字符串的个数//------------------------测试第三种方法耗费时间------- d1=new Date();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; for(var i=0;i我调整 c 分别等于5000、50000、500000、5000000,每个数值分别测了10次,最后结果如下:
c=5000
平均耗时(单位毫秒)第三种 3 2 2 3 1 2 2 1 1 1 1.8
第二种 1 3 0 3 1 3 4 1 4 2 2.2
第一种 0 0 0 0 0 1 1 1 1 1 0.5c=50000
第三种 22 12 9 14 12 13 13 13 10 17 13.5
第二种 8 13 12 8 11 11 8 9 8 9 9.7
第一种 7 12 5 11 10 10 10 13 16 12 10.6c=500000
第三种 104 70 74 69 76 77 69 102 73 73 78.7
第二种 78 100 99 99 100 98 96 71 94 97 93.2
第一种 90 87 83 85 85 83 84 83 88 86 85.4c=5000000
第三种 651 871 465 444 1012 436 787 449 432 444 599.1
第二种 568 842 593 747 417 747 719 549 573 563 631.8
第一种 516 279 616 161 466 416 201 495 510 515 417.5统计5000000的时候在地址栏加入了随机参数,应该是避免了缓存的影响的。从结果来看,第一种方法并不比另2种方法消耗多,甚至还更有优势,这点和手册上的说明明显不一致。
测试系统:win 7旗舰
浏览器:chrome 52.0.2739.0 m
总结
以上所述是小编给大家介绍的Javascript三种字符串连接方式及性能比较,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对站的支持!
您可能感兴趣的文章:
- 监控Nodejs的性能实例代码
- Java几种常用JSON库性能比较详解
- 如何提升vue.js中大型数据的性能
- 详解关于JSON.parse()和JSON.stringify()的性能小测试
- JS常用的几种数组遍历方式以及性能分析对比实例详解
- 高性能的javascript之加载顺序与执行原理篇
- 利用JavaScript的Map提升性能的方法详解
122 在
学历:一种延缓就业设计,生活需求下的权衡之选中评论 工作几年后,报名考研了,到现在还没认真学习备考,迷茫中。作为一名北漂互联网打工人..123 在
Clash for Windows作者删库跑路了,github已404中评论 按理说只要你在国内,所有的流量进出都在监控范围内,不管你怎么隐藏也没用,想搞你分..原梓番博客 在
在Laravel框架中使用模型Model分表最简单的方法中评论 好久好久都没看友情链接申请了,今天刚看,已经添加。..博主 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 @1111老铁这个不行了,可以看看近期评论的其他文章..1111 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 网站不能打开,博主百忙中能否发个APP下载链接,佛跳墙或极光..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号