JavaScript中字符串连接性能优化

简介:


var str = "hello"
str 
+= " world"

后台所做工作:

1)创建存储 "hello" 的字符串,且使 str 指向它。

2)创建存储 "world" 的字符串。

3)创建存储结果的字符串。

4)将 str 中的当前内容复制到结果字符串中。

5)把 world 复制到结果字符串中。

6)更新 str ,使 str 指向结果字符串。

 

每拼接一次字符串就循环重复2)~6),如果重复成百上千次则会非常消耗资源,影响性能。

解决方法:

使用 Array 对象存储字符串,之后使用 join()方法输出结果。

仿照 Java 中的 StringBuffer 类。

 

    function  StringBuffer(){ 
        
this._strings = new
 Array; 
    } 
    StringBuffer.prototype.append 
= function
 (str){ 
        
this
._strings.push(str); 
    } 
    StringBuffer.prototype.toString 
= function
 (){ 
        
return this._strings.join(""
); 
    } 

 

测试性能:

代码1:使用 "+=" 拼接字符串

 

var d = new  Date(); 
var str = ""

for(var i=0;i<10000;i++
){ 
    str 
+= "test"



var d2 = new
 Date(); 
document.writeln(d2.getTime()
-d.getTime()); 

 

代码2:使用 StringBuffer

 

var d = new  Date(); 
var str = new
 StringBuffer(); 
for(var i=0;i<10000;i++
){ 
    str.append(
"test"
); 

var res =
 str.toString(); 
var d2 = new
 Date(); 
document.writeln(d2.getTime()
-d.getTime()); 

 

从多次测试结果看来,使用StringBuffer 可以节省50%以上的时间。


本文转自BlogJavaOo缘来是你oO的博客,原文链接: JavaScript中字符串连接性能优化,如需转载请自行联系原博主。
相关文章
|
3月前
|
JavaScript 前端开发
JS几种拼接字符串的方法
JS几种拼接字符串的方法
69 1
|
6天前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
35 13
|
2月前
|
缓存 JavaScript 前端开发
掌握现代JavaScript异步编程:Promises、Async/Await与性能优化
本文深入探讨了现代JavaScript异步编程的核心概念,包括Promises和Async/Await的使用方法、最佳实践及其在性能优化中的应用,通过实例讲解了如何高效地进行异步操作,提高代码质量和应用性能。
|
2月前
|
缓存 监控 JavaScript
Vue.js 框架下的性能优化策略与实践
Vue.js 框架下的性能优化策略与实践
|
2月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
63 5
|
2月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
|
2月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
35 2
|
2月前
|
缓存 负载均衡 监控
性能优化:Node.js高效服务器开发技巧与最佳实践
【10月更文挑战第29天】在Node.js服务器开发中,性能优化至关重要。本文介绍了几种高效开发的最佳实践,包括使用缓存策略、采用异步编程、实施负载均衡和性能监控。通过示例代码展示了如何实现这些技术,帮助开发者构建更快、更稳定的Node.js应用。
104 2
|
2月前
|
JSON JavaScript 关系型数据库
node.js连接GBase 8a 数据库 并进行查询代码示例
node.js连接GBase 8a 数据库 并进行查询代码示例
|
3月前
|
存储 缓存 监控
Vue.js 九个性能优化技巧
【10月更文挑战第16天】Vue.js 性能优化是一个持续的过程,需要我们不断地探索和实践。通过合理使用上述九个技巧,并结合具体的项目需求和性能指标,我们可以不断地提高 Vue.js 应用的性能和用户体验。