Javascript_javascript 기술에 따른 문자열 연결 성능에 대해 논의-JS 튜토리얼-php.cn

Javascript_javascript 기술에 따른 문자열 연결 성능에 대해 논의

WBOY

풀어 주다： 2016-05-16 18:09:46

원래의

1140명이 탐색했습니다.

1 문자열 연결을 수행하는 방법은 무엇입니까?

먼저 문자열 연결의 두 가지 일반적인 방법을 검토해 보겠습니다.
1.1 문자열 연결 연산자 사용

일반적으로 사용되는 언어 ( Java, C#, PHP 등)에는 모두 문자열 연결 연산자가 있으며 Javascript도 예외는 아닙니다. 코드 예:

코드 복사 코드는 다음과 같습니다.

 
var str = ""; 
str = str "a"; 

1.2 배열 사용
일반적으로 사용되는 언어에서는 문자열 연결 연산의 성능이 일반적으로 높지 않습니다. 이러한 이유로 문자열 연결을 위해 C#에서는 StringBuilder가 제공됩니다(StringBuffer는 Java에서 제공됩니다). Javascript에는 Array를 통해 StringBuilder를 시뮬레이션하는 솔루션이 있습니다.

코드 복사 코드는 다음과 같습니다.

var str = []; for (var i = 0; i < 100; i ) {

 str[i] = "12345" 
} 
str = str.join("") 

2 테스트

다음은 문자열 복사 과정을 통해 두 가지 방법의 성능을 테스트합니다.
2.1 문자열 연결 연산자를 통한 복사:

코드 복사 코드는 다음과 같습니다. function copyByOperator(str, times) {

　var newStr = "";　for (var i = 0; i < times; i ) {

　 newStr = 
　} 
 return newStr; 
 
2.2 배열을 통해 복사:

코드 복사

코드는 다음과 같습니다. function copyByArray(str, times) { var newStr = [] for (var i = 0; i < times; i ) { newStr[i] = str;

}

　return newStr.join(""); 
} 

str은 길이가 61인 고정 HTML 문자열을 사용합니다. 

2.3 IE에서 테스트

IE의 성능이 상대적으로 좋지 않다는 점을 고려하여 먼저 작은 곱하기 값(6000)을 사용하여 IE 6, IE 7, IE 8에서 테스트합니다. 10회 실행 후 평균값을 취하면 다음과 같습니다.

IE6, 7, IE8의 테스트 결과는 확연히 다릅니다. IE 8이 문자열 연결 연산을 최적화했으며 효율성도 이미 배열 복사 방식보다 높습니다
.