大佬教程收集整理的这篇文章主要介绍了浅谈JS中的三种字符串连接方式及其性能比较,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
工作中经常会碰到要把2个或多个字符串连接成一个字符串的问题,在JS中处理这类问题一般有三种方法,这里将它们一一列出顺便也对它们的性能做个具体的比较。
毫无疑问,这种方法是最便捷快速的,如果只连接100个以下的字符串建议用这种方法最方便。
w3school 网站介绍说这种方法要比第一种消耗更少的资源,速度也更快,后面我们通过实验再验证是否是这样。
利用下面代码对三种方法性能进行比较,通过更改 c 的值来调整连接字符串的个数:
for(var i=0;i<c;i++){
mystr.append("a");
}
str=mystr.toString();
d2=new Date();
console.log(d2.getTime()-d1.getTime());
//-----------------------------------------------------
//------------------------测试第二种方法耗费时间-------
d1=new Date();
var arr=new Array();
for(var i=0;i<c;i++){
arr.push("a");
}
str=arr.join("");
d2=new Date();
console.log(d2.getTime()-d1.getTime());
//-------------------------------------------------------
//------------------------测试第一种方法耗费时间-------
d1=new Date();for(var i=0;i<c;i++){
str+="a";
}
d2=new Date();
console.log(d2.getTime()-d1.getTime());
//-------------------------------------------------------
我调整 c 分别等于5000、50000、500000、5000000,每个数值分别测了10次,最后结果如下:
第三种 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.6
第三种 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.4
第三种 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
以上这篇浅谈JS中的三种字符串连接方式及其性能比较就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持菜鸟教程。
以上是大佬教程为你收集整理的浅谈JS中的三种字符串连接方式及其性能比较全部内容,希望文章能够帮你解决浅谈JS中的三种字符串连接方式及其性能比较所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。