JavaScript의 슬라이스와 For 루프: 어떤 방법이 더 빠른 배열 복제를 제공합니까?

성능 분석: Slice와 For 루프를 사용하여 JavaScript에서 배열 복제

JavaScript에는 배열을 복제하는 여러 가지 접근 방식이 있습니다. 두 가지 일반적인 방법에는 슬라이스 방법과 for 루프가 포함됩니다. 이 기사에서는 어느 쪽이 더 빠른지 결정하기 위해 상대적인 성능을 살펴봅니다.

슬라이스 방법:

슬라이스 방법은 원본 배열의 지정된 부분을 추출하여 새 배열을 생성합니다. 다음 코드는 예를 보여줍니다.

var dup_array = original_array.slice();

For 루프:

for 루프는 원본 배열의 각 요소를 반복하고 새 배열에 수동으로 복사본을 만듭니다. 배열:

for(var i = 0, len = original_array.length; i < len; ++i)
   dup_array[i] = original_array[i];

결과:

벤치마크에 따르면 Chrome과 같은 blink 기반 브라우저에서 슬라이스 방법이 일반적으로 더 빠른 것으로 나타났습니다. 및 Edge에서는 for 루프가 Firefox 및 Safari와 같은 다른 브라우저에서 더 빠릅니다. 이는 블링크 브라우저의 슬라이스 및 연결에 대한 내부 최적화 때문입니다.

특히 스프레드 구문(예: [...original_array]) 및 Array.from()이 배열 복제를 위한 가장 빠른 방법으로 등장했습니다. , 대부분의 시나리오에서 슬라이스와 for 루프를 모두 능가합니다.

벤치마크 스크립트:

for 루프 및 슬라이스 메소드의 성능을 비교하기 위해 브라우저 콘솔에서 다음 JavaScript 스크립트를 실행할 수 있습니다.

For 루프:

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

슬라이스:

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

이러한 스크립트를 여러 번 실행하면 다양한 브라우저에서 각 메서드의 상대적 성능을 관찰할 수 있습니다. 조건을 충족합니다.

참고: 이 방법은 얕은 작업만 수행한다는 점을 기억하세요. 복사, 즉 원래 배열 내에서 참조된 객체가 중복 배열과 공유된다는 의미입니다. 보다 복잡한 데이터 구조에는 심층 복제 기술을 고려하십시오.

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