[javascript] JavaScript 문자열은 변경할 수 없습니까? JavaScript로“문자열 작성기”가 필요합니까?

그들은 불변이다. 문자열 내에서와 같은 문자를 변경할 수 없습니다 var myString = "abbdef"; myString[2] = 'c'. 같은 문자열 조작 방법 trim, slice새로운 문자열을 반환합니다.

같은 방식으로 동일한 문자열에 대한 두 개의 참조가있는 경우 하나를 수정해도 다른 하나에는 영향을 미치지 않습니다

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

그러나 Ash의 답변에서 Array.join을 사용하면 연결 속도가 더 빠릅니다. 이것이 사실인지 확인하기 위해 몇 가지 테스트를 작성했습니다 (그렇지 않습니다!).

메서드 호출을 추가하면 속도가 느려질 수 있다고 생각했지만 이것이 가장 빠른 방법이라고 생각했습니다.

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"10 만 번의 빈 줄로 연결된 거대한 줄을 만듭니다 .

세 가지 유형의 테스트를 만들었습니다

• 사용 Array.push하여Array.join
• 피하기 위해 배열 인덱싱 Array.push사용Array.join
• 직선 연결

그럼 난로를 추출하여 같은 세 가지 테스트를 생성 StringBuilderConcat, StringBuilderArrayPush그리고 StringBuilderArrayIndex http://jsperf.com/string-concat-without-sringbuilder/5 우리가 좋은 샘플을 얻을 수 있도록 가서 실행 테스트하십시오. 작은 버그를 수정 했으므로 테스트 데이터가 지워졌으므로 성능 데이터가 충분하면 테이블을 업데이트합니다. 이전 데이터 테이블은 http://jsperf.com/string-concat-without-sringbuilder/5 로 이동 하십시오.

링크를 따르고 싶지 않은 경우 일부 숫자 (Ma5rch 2018의 최신 업데이트)가 있습니다. 각 테스트의 숫자는 초당 1000 회입니다 ( 높을수록 좋습니다 ).

| Browser          | Index | Push | Concat | SBIndex | SBPush | SBConcat |
---------------------------------------------------------------------------
| Chrome 71.0.3578 | 988   | 1006 | 2902   | 963     | 1008   | 2902     |
| Firefox 65       | 1979  | 1902 | 2197   | 1917    | 1873   | 1953     |
| Edge             | 593   | 373  | 952    | 361     | 415    | 444      |
| Exploder 11      | 655   | 532  | 761    | 537     | 567    | 387      |
| Opera 58.0.3135  | 1135  | 1200 | 4357   | 1137    | 1188   | 4294     | 

결과

• 오늘날 모든 상록 브라우저는 문자열 연결을 잘 처리합니다. Array.joinIE 11에만 도움

• 전반적으로 Opera는 Array.join보다 4 배 빠릅니다.

• Firefox는 두 번째이며 Array.joinFF에서는 약간 느리지 만 Chrome에서는 상당히 느립니다 (3 배).

• 크롬은 세 번째이지만 문자열 연결은 Array.join보다 3 배 빠릅니다.

• StringBuilder를 만드는 것은 성능에 큰 영향을 미치지 않는 것 같습니다.

다른 사람이 유용하다고 생각하기를 바랍니다.

다른 테스트 사례

@RoyTinker는 내 테스트에 결함이 있다고 생각했기 때문에 동일한 문자열을 연결하여 큰 문자열을 만들지 않는 새로운 사례를 만들었습니다. 각 반복마다 다른 문자를 사용합니다. 문자열 연결은 여전히 ​​더 빠르거나 빠릅니다. 테스트를 실행 해 봅시다.

나는 모든 사람들이 이것을 테스트하는 다른 방법을 계속 생각하고 아래의 다른 테스트 사례에 새로운 링크를 자유롭게 추가 할 것을 제안합니다.

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

답변

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

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

var other= statement.slice(2, 10); // new string