HTML 배열 strings_javascript 기술을 연결하는 가장 빠른 방법

첫 번째 방법: 문자열을 하나씩 추가

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

var arr = ['항목 1', '항목 2', '항목 3', ...],
list = ''
for (var i = 0, l = arr .length ; l < i ) {
list = '

'
}
list = '

가장 일반적이지만 효율성이 가장 낮습니다! 코드 논리는 비교적 복잡합니다.
두 번째 방법: 배열에 하나씩 push

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

var arr = ['항목 1', '항목 2', '항목 3', ...],
list = []
for (var i; = 0, l = arr .length; i < l; i ) {
list[list.length] = '

' arr[i] '';

' list .join('') '

';


이전 방법보다 약간 빠르지만 여전히 충분하지 않습니다...

세 번째 방법: 직접 조인( )

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

var arr = ['항목 1', '항목 2', '항목 3', ...]

var list = '

• ' ;
• ') '< ;/li>

';


나중에 어떻게 구현되든 기본 메서드(예: Join())를 사용합니다. 일반적으로 다른 방법보다 훨씬 빠르며 코드가 매우 간결합니다.

브라우저 성능
각 방법은 브라우저가 특정 길이의 문자열에 대해 특별한 최적화를 수행하지 못하도록 각 요소의 길이를 변경하는 길이 130의 배열을 사용하여 테스트되었습니다. 1000회, 다음 결과는 이러한 1000회 실행에 필요한 시간을 보여줍니다.