Javascript拼接字符串的效率比较:String.replace VS Array.push

简介:
复制代码

/*
* * 背景是因为发现同事拼JS字符串喜欢用模板(String.replace),没错,用模板增加了可读性,
* 但是相较于高效的Array.push然后Array.join("")拼接字符串而言,用replace有个性能问题。
* 以循环1000次举例,ie下差距很大,ff下的Array.push也要快将近一倍。可运行下面的demo:
* String.replace VS Array.push
*/ var testType=2;//1=String.replace or 2=Array.push var s="",sArr=[],n=1000;//u can change "n" from 1000 to 10000 for(var i=0;i<n;i++){ s+="{a}";} var t1=new Date().getTime(); for(var i=0;i<n;i++){ if(testType==1) s=s.replace("{a}","ba"); else sArr.push("b"+"a"); } if(testType!=1)s=sArr.join(""); var t2=new Date().getTime(); alert("use "+(testType==1?"String.replace":"Array.push")+":"+(t2-t1)+" ms")
复制代码

还有个结论是,超过100ms(貌似是这个数字?)的延迟可以被感知,如果模板方案的处理速度慢下来了(因为需要先读取模板),延迟是可以感知的,在某些项目中是不允许的。


本文转自Kai的世界,道法自然博客园博客,原文链接:http://www.cnblogs.com/kaima/archive/2012/10/25/2739102.html,如需转载请自行联系原作者。

目录
相关文章
|
2月前
|
JavaScript 前端开发
JS几种拼接字符串的方法
JS几种拼接字符串的方法
53 1
|
28天前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
|
27天前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
23 2
|
1月前
|
索引 Python
String(字符串)
String(字符串)。
28 3
|
2月前
|
NoSQL Redis
Redis 字符串(String)
10月更文挑战第16天
48 4
|
2月前
|
存储 JavaScript 前端开发
JavaScript Array
【10月更文挑战第06天】
37 15
|
2月前
|
canal 安全 索引
(StringBuffer和StringBuilder)以及回文串,字符串经典习题
(StringBuffer和StringBuilder)以及回文串,字符串经典习题
38 5
|
1月前
|
JavaScript 前端开发 开发者
|
2月前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
29 3
|
2月前
|
存储 JavaScript 前端开发
JavaScript 字符串(String) 对象
JavaScript 字符串(String) 对象
47 3