273

javascript 使用不可变或可变字符串吗?我需要一个“字符串生成器”吗?

4

10 回答 10

331

它们是不可变的。您不能使用类似的内容更改字符串中的字符var myString = "abbdef"; myString[2] = 'c'。字符串操作方法,例如trimslice返回新字符串。

同样,如果你有两个对同一个字符串的引用,修改一个不会影响另一个

let a = b = "hello";
a = a + " world";
// b is not affected

但是,我一直听到 Ash 在他的回答中提到的内容(使用 Array.join 进行连接更快),所以我想测试连接字符串的不同方法并将最快的方法抽象为 StringBuilder。我写了一些测试来看看这是不是真的(不是!)。

这是我认为最快的方法,尽管我一直认为添加方法调用可能会使它变慢......

function StringBuilder() {
    this._array = [];
    this._index = 0;
}

StringBuilder.prototype.append = function (str) {
    this._array[this._index] = str;
    this._index++;
}

StringBuilder.prototype.toString = function () {
    return this._array.join('');
}

这是性能速度测试。他们三个人都创建了一个由"Hello diggity dog"十万次连接成一个空字符串组成的巨大字符串。

我创建了三种类型的测试

  • 使用Array.pushArray.join
  • 使用数组索引来避免Array.push,然后使用Array.join
  • 直字符串连接

然后我通过将它们抽象为和http://jsperf.com/string-concat-without-sringbuilder/5StringBuilderConcat创建了相同的三个测试,请去那里运行测试,这样我们就可以得到一个很好的样本。请注意,我修复了一个小错误,因此测试数据被擦除,一旦有足够的性能数据,我将更新表。转到http://jsperf.com/string-concat-without-sringbuilder/5获取旧数据表。StringBuilderArrayPushStringBuilderArrayIndex

如果您不想点击链接,这里有一些数字(Ma5rch 2018 中的最新更新)。每个测试的数字是 1000 次操作/秒(越高越好

浏览器 指数 康卡特 SBIndex SBPush SBConcat
铬 71.0.3578 988 1006 2902 963 1008 2902
火狐 65 1979 1902 2197 1917年 1873年 1953年
边缘 593 373 952 361 415 444
爆炸者 11 655 532 761 537 567 387
歌剧 58.0.3135 1135 1200 4357 1137 1188 4294

发现

  • 如今,所有常青浏览器都能很好地处理字符串连接。Array.join只对 IE 11 有帮助

  • 总体而言,Opera 是最快的,是 Array.join 的 4 倍

  • Firefox 排在第二位,Array.join在 FF 中仅稍慢一点,但在 Chrome 中则慢得多(3 倍)。

  • Chrome 排名第三,但字符串 concat 比 Array.join 快 3 倍

  • 创建 StringBuilder 似乎不会对性能产生太大影响。

希望其他人觉得这很有用

不同的测试用例

由于@RoyTinker 认为我的测试存在缺陷,因此我创建了一个新案例,它不会通过连接相同的字符串来创建大字符串,它每次迭代都使用不同的字符。字符串连接似乎仍然更快或同样快。让我们运行这些测试。

我建议每个人都应该继续考虑其他方法来测试它,并随时在下面添加新的链接到不同的测试用例。

http://jsperf.com/string-concat-without-sringbuilder/7

于 2011-01-17T21:03:35.843 回答
44

来自犀牛书

在 JavaScript 中,字符串是不可变的对象,这意味着其中的字符可能不会被更改,并且对字符串的任何操作实际上都会创建新的字符串。字符串是按引用分配的,而不是按值分配的。通常,当一个对象通过引用分配时,通过一个引用对该对象所做的更改将通过对该对象的所有其他引用可见。但是,由于字符串无法更改,因此您可以对字符串对象进行多次引用,而不必担心字符串值会在您不知情的情况下更改

于 2008-09-09T03:51:12.723 回答
23

性能提示:

如果您必须连接大字符串,请将字符串部分放入数组并使用该Array.Join()方法获取整个字符串。对于连接大量字符串,这可以快很多倍。

JavaScript中没有StringBuilder

于 2008-09-09T03:55:55.880 回答
19

只是为了澄清像我这样的简单头脑(来自MDN):

不可变对象是对象一旦创建,其状态就无法更改。

字符串和数字是不可变的。

不可变意味着:

您可以使变量名指向一个新值,但之前的值仍保存在内存中。因此需要垃圾收集。

var immutableString = "Hello";

// 在上面的代码中,创建了一个带有字符串值的新对象。

immutableString = immutableString + "World";

// 我们现在将“World”附加到现有值。

看起来我们正在改变字符串“immutableString”,但我们没有。反而:

在“immutableString”附加一个字符串值时,会发生以下事件:

  1. 检索“immutableString”的现有值
  2. “World”附加到“immutableString”的现有值
  3. 然后将结果值分配给新的内存块
  4. “immutableString”对象现在指向新创建的内存空间
  5. 以前创建的内存空间现在可用于垃圾收集。
于 2018-09-09T08:06:21.190 回答
4

字符串类型值是不可变的,使用 String() 构造函数创建的 String 对象是可变的,因为它是一个对象,您可以向其添加新属性。

> var str = new String("test")
undefined
> str
[String: 'test']
> str.newProp = "some value"
'some value'
> str
{ [String: 'test'] newProp: 'some value' }

同时,虽然可以添加新的属性,但不能更改已经存在的属性

Chrome 控制台中的测试屏幕截图

总之,1.所有字符串类型的值(原始类型)都是不可变的。2、String对象是可变的,但它所包含的字符串类型值(原始类型)是不可变的。

于 2015-10-14T14:18:34.947 回答
3

字符串是不可变的——它们不能改变,我们只能创建新的字符串。

例子:

var str= "Immutable value"; // it is immutable

var other= statement.slice(2, 10); // new string
于 2015-08-18T14:16:30.490 回答
1

关于您关于 ASP.NET Ajax 中的 StringBuilder 的问题(在您对 Ash 的回复的评论中),专家们似乎对此不同意。

Christian Wenz 在他的Programming ASP.NET AJAX (O'Reilly) 一书中说,“这种方法对内存没有任何可测量的影响(事实上,实现似乎比标准方法慢一点)。”

另一方面,Gallo 等人在他们的ASP.NET AJAX in Action (Manning) 一书中说:“当要连接的字符串数量较大时,字符串生成器成为避免性能大幅下降的重要对象。”

我想您需要自己进行基准测试,结果也可能因浏览器而异。但是,即使它没有提高性能,对于习惯于使用 C# 或 Java 等语言使用 StringBuilder 进行编码的程序员来说,它仍然可能被认为是“有用的”。

于 2008-09-09T04:15:57.173 回答
1

这是一个迟到的帖子,但我没有在答案中找到好的书名。

这是一本可靠的书中的明确内容:

字符串在 ECMAScript 中是不可变的,这意味着一旦它们被创建,它们的值就不能改变。要更改变量保存的字符串,必须销毁原始字符串并用另一个包含新值的字符串填充变量... —Professional JavaScript for Web Developers,第 3 版,第 43 页

现在,引用 Rhino 书摘录的答案关于字符串不变性是正确的,但错误地说“字符串是通过引用分配的,而不是通过值分配的”。(可能他们最初的意思是把这些词放在相反的地方)。

“引用/值”的误解在“专业 JavaScript”,名为“原始和引用值”的章节中得到了澄清:

五种原始类型...[是]:未定义、空值、布尔值、数字和字符串。据说这些变量是按值访问的,因为您正在操作存储在变量中的实际值。 ——面向 Web 开发人员的专业 JavaScript,第 3 版,第 85 页

这与对象相反:

当您操作一个对象时,您实际上是在处理对该对象的引用,而不是实际的对象本身。出于这个原因,这些值被称为通过引用访问。——面向 Web 开发人员的专业 JavaScript,第 3 版,第 85 页

于 2018-08-02T11:41:35.850 回答
0

JavaScript 字符串确实是不可变的。

于 2008-09-09T03:50:05.177 回答
-1

Javascript 中的字符串是不可变的

于 2008-09-09T03:50:51.303 回答