그들은 불변이다. 문자열 내에서와 같은 문자를 변경할 수 없습니다 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