javascript字符串连接性能提升

你的名字 2022-08-09 11:56 181阅读 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 条评论，181人围观）

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

相关阅读

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

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

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

相关 Java中字符串连接性能对比

在Java中，字符串的连接主要通过两种方式：使用+运算符或者调用String类的concat()方法。 1. +运算符： ```java String str1 = "Hel

悠悠/ 2024年09月25日 18:39/ 0 赞/ 78 阅读

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

在Java中，字符串的连接主要通过加法操作（+）或者StringBuilder/STRING类的append方法实现。然而，这两种方式在处理大量数据时可能会出现性能问题。 1

我就是我/ 2024年09月23日 12:03/ 0 赞/ 67 阅读

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

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

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

相关 Java字符串连接性能优化案例

在Java编程中，字符串的连接是常见的操作。然而，如果频繁进行大字符串的拼接，原始的字符串连接方式（如+或.concat()）可能会出现性能瓶颈。以下是一些优化方案： 1

客官°小女子只卖身不卖艺/ 2024年09月12日 05:45/ 0 赞/ 107 阅读

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

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

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

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

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

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

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

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

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

相关重谈字符串连接性能

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

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

相关 JavaScript 性能提升之路

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

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