> 웹 프론트엔드 > JS 튜토리얼 > 슬라이스 대 For 루프: 어떤 JavaScript 배열 복제 방법이 더 빠릅니까?

슬라이스 대 For 루프: 어떤 JavaScript 배열 복제 방법이 더 빠릅니까?

Patricia Arquette
풀어 주다: 2024-12-20 01:08:10
원래의
428명이 탐색했습니다.

Slice vs. For Loop: Which JavaScript Array Duplication Method is Faster?

JavaScript에서 배열 복제: 속도를 위해 슬라이스와 루프 비교

JavaScript에서 배열을 복제하는 작업에 직면하면 두 가지 일반적인 접근 방식: 슬라이스 방법과 for 루프. 두 방법 모두 객체 자체가 아닌 객체 참조가 복제되는 얕은 복사를 달성하지만 속도 성능은 다를 수 있습니다.

성능 벤치마크

광범위한 벤치마크에서 최적의 복사가 가능하다는 결론을 내렸습니다. 복제 방법은 사용하는 브라우저에 따라 다릅니다. Blink 브라우저(예: Chrome, Edge)의 경우, Slice() 메서드가 for 루프보다 2.4배 더 뛰어난 성능을 발휘합니다. 그러나 Blink가 아닌 브라우저에서는 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);
로그인 후 복사

이러한 스크립트는 배열 개체 자체를 복제하는 데 중점을 둡니다. 객체 참조를 포함할 가능성이 있는 배열의 내용은 참조에 따라 복사되며 깊게 복제되지 않습니다.

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿