Array의 push 및 unshift 방식의 성능 비교 분석_javascript 기술

원리를 보면 언시프트의 효율성이 낮다는 것을 알 수 있습니다. 그 이유는 요소를 추가할 때마다 기존 요소를 한 위치 아래로 이동시키기 때문입니다. 하지만 효율성 차이는 얼마나 큽니까? 아래에서 테스트해 보겠습니다.
테스트 환경의 주요 하드웨어: CPU T7100(1.8G) 메모리 4G DDR2 667; 주요 소프트웨어: 운영 체제는 Windows 7이고 브라우저는 Firefox 3.6.9입니다. 테스트 코드:

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

var arr = [ ], s = new Date;// 푸시 성능 테스트
for (var i = 0; i < 50000; i ) {
　arr.push(i)
}
콘솔. log( new Date - s);
s = new Date; arr = [ ]
// unshift 성능 테스트
for (var i = 0; i < 50000; i )
arr.unshift(i);
}
console.log( new Date - s);


이 코드는 한 번 실행된 후 각각 push 및 unshift 작업을 수행합니다. , 결과는 다음과 같습니다.

12
1152
unshift가 push보다 거의 100배 느린 것을 볼 수 있습니다! 따라서 특히 대규모 배열의 경우 unshift를 주의해서 사용해야 합니다. 그렇다면 unshift 효과를 달성해야 한다면 다른 방법이 있을까요? 대답은 '예'입니다.
Array에는 배열을 뒤집을 수 있는 reverse라는 메서드가 있습니다. 먼저 push를 사용하여 배열에 넣을 요소를 추가한 다음 다시 역순으로 수행하여 이동 해제 효과를 얻습니다. 예:

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

for (var i = 0 ; i < 50000; i ) {

　arr.push(i);
}
arr.reverse()


테스트해볼까요? 다시 실행합니다:

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

var arr = [ ], s = new Date; for (var i = 0; i < 50000; i ) {

　arr.push(i)
}
arr.reverse(); .log( new Date - s) ;


결과는
12
역성능이 매우 높고 추가 소모가 없음을 알 수 있습니다. 안심하고 사용할 수 있습니다.