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,如需转载请自行联系原作者。

目录
相关文章
|
1天前
|
数据处理
鸿蒙开发:ArkTs字符串string
字符串类型是开发中非常重要的一个数据类型,除了上述的方法概述之外,还有String对象,正则等其他的用处,我们放到以后得篇章中讲述。
51 19
|
14天前
|
Java 程序员
课时16:String字符串
课时16介绍了Java中的String字符串。在Java中,字符串使用`String`类表示,并用双引号定义。例如:`String str = &quot;Hello world!&quot;;`。字符串支持使用“+”进行连接操作,如`str += &quot;world&quot;;`。需要注意的是,当“+”用于字符串与其他数据类型时,其他类型会先转换为字符串再进行连接。此外,字符串中可以使用转义字符(如`\t`、`\n`)进行特殊字符的处理。掌握这些基本概念对Java编程至关重要。
|
4月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
131 63
|
2月前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
70 13
|
4月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
52 2
|
4月前
|
索引 Python
String(字符串)
String(字符串)。
78 3
|
5月前
|
NoSQL Redis
Redis 字符串(String)
10月更文挑战第16天
74 4
|
4月前
|
JavaScript 前端开发 开发者
JavaScript框架React vs. Vue:一场性能与易用性的较量
JavaScript框架React vs. Vue:一场性能与易用性的较量
91 0
|
4月前
|
JavaScript 前端开发 开发者
|
5天前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~

热门文章

最新文章