어떤 JavaScript 배열 복제 방법(슬라이스 대 For 루프)이 가장 빠릅니까?

JavaScript의 배열 복제 속도 비교: Slice와 For 루프

JavaScript에는 복제본을 생성하는 두 가지 일반적인 방법이 있습니다. 배열: 슬라이스 메소드와 for 루프. 각각의 속도에 대한 철저한 분석을 수행하기 위해 다양한 복제 방법을 벤치마킹하여 몇 가지 놀라운 결과를 보여주었습니다.

속도 측정

여러 브라우저에서 실시한 벤치마크 결과는 다음과 같습니다. 배열을 복제하는 가장 빠른 방법은 사용되는 브라우저 엔진에 따라 다릅니다. Blink(Chrome, Edge)와 같은 브라우저의 경우, 슬라이스 방법은 일반적으로 for 루프보다 성능이 뛰어나며 concat이 약간 느립니다.

그러나 이전 버전의 Firefox와 같이 슬라이스 및 연결의 구현이 덜 최적화된 브라우저의 경우 및 Internet Explorer에서는 while 루프 방법이 확실한 승자로 나타납니다.

예 코드

다음은 브라우저 콘솔에서 방법을 직접 벤치마킹하는 데 사용할 수 있는 샘플 스크립트입니다.

// While loop method
var n = 1000 * 1000;
var start = +new Date();
var a = Array(n);
var b = Array(n);
var i = a.length;
while (i--) b[i] = a[i];
console.log(new Date() - start);

// Slice method
var n = 1000 * 1000;
var start = +new Date();
var a = Array(n);
var b = a.slice();
console.log(new Date() - start);

고려 사항

슬라이스 또는 for 루프 메서드는 배열 자체를 복제하지만 배열의 내용은 참조에 의해 복사되며 깊게 복사되지는 않습니다. 복제되었습니다. 즉, 두 어레이 중 하나의 변경 사항이 두 어레이 모두에 반영된다는 의미입니다.

그렇다면 어떤 방법을 선택해야 할까요? 대부분의 최신 브라우저에서는 슬라이스 방법이 최선의 선택입니다. 그러나 덜 최적화된 JavaScript 구현을 갖춘 구형 브라우저를 대상으로 하는 경우 for 루프 방법이 더 나은 성능을 발휘할 수 있습니다.

위 내용은 어떤 JavaScript 배열 복제 방법(슬라이스 대 For 루프)이 가장 빠릅니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!