JavaScript是否有内置的stringbuilder类?

2020/10/18 00:01 · javascript ·  · 0评论

我看到了一些代码项目解决方案

但是,JavaScript是否有常规实现?

如果必须为Internet Explorer编写代码,请确保选择了一个使用数组联接的实现。在IE上使用+or+=运算符连接字符串非常慢。对于IE6尤其如此。在现代浏览器+=上,通常与数组连接一样快。

当我必须执行许多字符串连接时,我通常会填充一个数组并且不使用字符串生成器类:

var html = [];
html.push(
  "<html>",
  "<body>",
  "bla bla bla",
  "</body>",
  "</html>"
);
return html.join("");

请注意,这些push方法接受多个参数。

我只是在http://jsperf.com/javascript-concat-vs-join/2上重新检查了性能测试用例连接或连接字母1,000次。

在当前的浏览器(FF,Opera,IE11,Chrome)中,“ concat”比“ join”快4-10倍。

在IE8中,两者返回的结果大致相同。

不幸的是,在IE7中,“ join”的速度快大约100倍。

不,不存在对构建字符串的内置支持。您必须改为使用串联。

当然,您可以将字符串的不同部分组成一个数组,然后调用join()该数组,但这取决于您所使用的JavaScript解释器中如何实现联接。

我做了一个实验,比较str1+str2方法与array.push(str1, str2).join()方法的速度代码很简单:

var iIterations =800000;
var d1 = (new Date()).valueOf();
str1 = "";
for (var i = 0; i<iIterations; i++)
    str1 = str1 + Math.random().toString();
var d2 = (new Date()).valueOf();
log("Time (strings): " + (d2-d1));

var d3 = (new Date()).valueOf();
arr1 = [];
for (var i = 0; i<iIterations; i++)
    arr1.push(Math.random().toString());
var str2 = arr1.join("");
var d4 = (new Date()).valueOf();
log("Time (arrays): " + (d4-d3));

我在Windows 7 x64上的Internet Explorer 8和Firefox 3.5.5中进行了测试。

一开始,我测试了少量的迭代(几百,几千个项目)。结果是不可预测的(有时字符串连接花费0毫秒,有时花费16毫秒,与数组连接相同)。

当我将计数增加到50,000时,在不同的浏览器中结果是不同的-在Internet Explorer中,字符串连接速度更快(94毫秒),连接速度更慢(125毫秒),而在Firefox中,数组连接速度更快(113毫秒)字符串连接(117毫秒)。

然后我将计数增加到500'000。现在array.join()慢于字符串连接两个浏览器:字符串连接是在Internet Explorer 937毫秒,1155毫秒在Firefox中,阵列在Internet Explorer中加入1265,并且在Firefox 1207毫秒。

我可以在Internet Explorer中测试而没有“脚本执行时间太长”的最大迭代次数为850,000。然后Internet Explorer的字符串连接为1593,数组连接为2046,Firefox的字符串连接为2101,数组连接为2249。

结果-如果迭代次数很少,则可以尝试使用array.join(),因为在Firefox中它可能更快。当数量增加时,该string1+string2方法会更快。

更新

我在Internet Explorer 6(Windows XP)上进行了测试。如果我尝试进行100,000次以上的迭代测试,则该过程将立即停止响应,并且永无止境。经过40,000次迭代,结果是

Time (strings): 59175 ms
Time (arrays): 220 ms

这意味着-如果需要支持Internet Explorer 6,请选择array.join()比字符串连接更快的方法。

该代码看起来像您希望进行的路线,但做了一些更改。

您将需要更改append方法看起来像这样。我将其更改为接受数字0,并使其返回,this以便您可以链接附加项。

StringBuilder.prototype.append = function (value) {
    if (value || value === 0) {
        this.strings.push(value);
    }
    return this;
}

JavaScript的ECMAScript 6版本(也称为ECMAScript 2015)引入了字符串文字

var classType = "stringbuilder";
var q = `Does JavaScript have a built-in ${classType} class?`;

注意,反引号而不是单引号将字符串引起来。

在C#中,您可以执行以下操作

 String.Format("hello {0}, your age is {1}.",  "John",  29) 

在JavaScript中,您可以执行以下操作

 var x = "hello {0}, your age is {1}";
 x = x.replace(/\{0\}/g, "John");
 x = x.replace(/\{1\}/g, 29);

对于那些感兴趣的人,这是调用Array.join的替代方法:

var arrayOfStrings = ['foo', 'bar'];
var result = String.concat.apply(null, arrayOfStrings);
console.log(result);

如预期的那样,输出为字符串'foobar'。在Firefox中,此方法的性能优于Array.join,但由+级联的性能优于。由于String.concat要求将每个段指定为单独的参数,因此调用者受到执行JavaScript引擎施加的任何参数计数限制的限制。请查看Function.prototype.apply()的文档以获取更多信息。

我已经定义了这个功能:

function format() {
        var args = arguments;
        if (args.length <= 1) { 
            return args;
        }
        var result = args[0];
        for (var i = 1; i < args.length; i++) {
            result = result.replace(new RegExp("\\{" + (i - 1) + "\\}", "g"), args[i]);
        }
        return result;
    }

可以像c#那样调用:

 var text = format("hello {0}, your age is {1}.",  "John",  29);

结果:

你好约翰,你的年龄是29岁。

当我发现自己在JavaScript中进行大量字符串连接时,我开始寻找模板。Handlebars.js可以很好地保持HTML和JavaScript的可读性。http://handlebarsjs.com

如何sys.StringBuilder()尝试下面的文章。

https://msdn.microsoft.com/zh-CN/library/bb310852.aspx

本文地址:http://javascript.askforanswer.com/javascriptshifouyouneizhidestringbuilderlei.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!