javascript字符串连接性能提升

你的名字 2022-08-09 11:56 196阅读 0赞

问题：javascript常见的性能问题是字符串连接，跟Java语言类似，我们一般采用比较简单但是性能不优的方式，如下：

var sTemp = "Welcome ";
    sTemp += " <span style="font-family: Arial, Helvetica, sans-serif;">China</span><span style="font-family: Arial, Helvetica, sans-serif;">"';</span>

这段代码在幕后执行的方法如下：

1. 创建存储 “Welcome”的字符串；

2. 创建存储“China”的字符串；

3. 创建存储结果的字符串；

4. 把“Welcome”的字符串复制到结果中；

5. 把"China"的字符串复制到结果中；

6. 更新sTemp，使它指向到结果。

每次完成字符串连接都会进行2~6的步骤，所以使用如上方法连接字符串非常浪费资源，如果执行上述操作多次会造成性能问题。

解决方案：使用Array对象存储字符串，然后用join方法创建最终字符串。

var aTemp = new Array();
    aTemp[0] = "Welcome";
    aTemp[1] = "China";
    var sTemp = aTemp.join("");

虽然这样的方案确实可以解决性能问题。但是对比JAVA中StringBuffer这种来说，感觉还是不爽，写这么多代码，愁人，是不是我们自己封装一个这样的方法呢？

/**
     * @author zhengtan
     * @description 实现类似JAVA中StringBuffer连接字符串功能，提高字符串连接效率
     * @example 
     * 	var sbTemp = new StringBuffer();
     * 	sbTemp.append("Welcome");
     * 	sbTemp.append("China");
     * 	var sTemp = sbTemp.toString();
     */
    function StringBuffer(){
      this._strings_ = new Array();
    }
    StringBuffer.prototype.append = function(str){
      this._strings_.push(str);
    };
    StringBuffer.prototype.toString = function(){
      return this._strings_.join("");
    };

发表评论取消回复

表情：

评论列表（有 0 条评论，196人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java字符串连接性能分析

在Java中，字符串连接通常通过`+`运算符或`String.concat()`方法实现。下面我们将对这两种方式进行性能分析。 1. `+`运算符： ```java Str

蔚落/ 2024年10月25日 14:39/ 0 赞/ 48 阅读

相关 Java字符串连接操作效率提升案例

在Java编程中，字符串的连接是常见的操作。传统的连接方式使用加号`+`进行逐个字符拼接，这种方式随着字符串长度的增长，效率会降低。例如： ```java String s

墨蓝/ 2024年10月05日 17:15/ 0 赞/ 91 阅读

相关 Java中字符串连接效率提升案例

在Java中，原始的字符串连接方法是使用"+"运算符。例如： ```java String str1 = "Hello"; String str2 = "World"; St

清疚/ 2024年09月17日 13:09/ 0 赞/ 79 阅读

相关 Java字符串连接性能分析

在Java中，字符串连接主要通过+号操作或者String类的concat()方法实现。以下是对这两种方式性能分析的一般步骤： 1. **代码编写**： - 使用+号操作

╰半橙微兮°/ 2024年09月11日 11:03/ 0 赞/ 88 阅读

相关 JavaScript 提升性能小技巧

1.惰性载入函数 function foo (){ if(a!==b){ console.log('aaa')

你的名字/ 2023年06月07日 08:22/ 0 赞/ 27 阅读

相关 OpenQuery代替连接服务器提升SQL性能

创建连接服务器： / Object: LinkedServer [LinkedServer_Name] Script Date: 2021/3/19 16

红太狼/ 2022年11月11日 05:50/ 0 赞/ 11 阅读

相关【JavaScript】文档碎片提升DOM渲染性能

前言提到前端性能优化，相信你已经听说过一个结论：`尽量少地操作 DOM`，包括 Vue 在官方文档中也提到该问题。因为 DOM 的重新渲染会重新生成页面上的

一时失言乱红尘/ 2022年10月07日 12:52/ 0 赞/ 190 阅读

相关 javascript字符串连接性能提升

问题：javascript常见的性能问题是字符串连接，跟Java语言类似，我们一般采用比较简单但是性能不优的方式，如下： var sTemp = "Welcome "

你的名字/ 2022年08月09日 11:56/ 0 赞/ 197 阅读

相关重谈字符串连接性能

[重谈字符串连接性能（上）：性能评测][Link 1] [http://www.cnblogs.com/JeffreyZhao/archive/2009/11/26/stri

野性酷女/ 2022年07月13日 16:06/ 0 赞/ 114 阅读

相关 JavaScript 性能提升之路

在平时工作做项目的过程中我们有时候会遇到页面加载很久才加载出来的情况，这样严重影响了用户的体验效果。虽然说有时候可能是因为网络问题，但有些时候确实是前端代码没有足够优化导致

「爱情、让人受尽委屈。」/ 2022年01月20日 05:39/ 0 赞/ 291 阅读