> 웹 프론트엔드 > JS 튜토리얼 > 다른 배열을 사용하여 JavaScript 배열을 효율적으로 확장하려면 어떻게 해야 합니까?

다른 배열을 사용하여 JavaScript 배열을 효율적으로 확장하려면 어떻게 해야 합니까?

Susan Sarandon
풀어 주다: 2024-11-19 05:48:02
원래의
264명이 탐색했습니다.

How Can I Efficiently Extend a JavaScript Array with Another Array?

다른 배열로 JavaScript 배열 확장

기존 JavaScript 배열을 다른 배열로 확장하는 것은 직접적인 작업이 아닙니다. 그러나 새 배열을 만들지 않고도 이를 달성할 수 있는 효율적인 방법이 있습니다.

확산 연산자를 사용하는 푸시 메서드(ES6)

.push 메서드는 여러 인수를 허용할 수 있습니다. 스프레드 연산자를 사용하면 두 번째 배열의 모든 요소를 ​​.push에 대한 인수로 전달할 수 있으므로 첫 번째 배열을 확장할 수 있습니다.

a.push(...b)
로그인 후 복사

ES6를 지원하지 않는 브라우저의 경우 대신 .apply를 사용할 수 있습니다. :

a.push.apply(a, b)
로그인 후 복사

또는 명확성:

Array.prototype.push.apply(a,b)
로그인 후 복사

루프 기반 기술

두 번째 배열(b)이 큰 경우 이전 방법으로 인해 루프 기반 접근 방식이 권장됩니다. 스택 오버플로 오류. 다음 코드는 확장 작업을 수행합니다.

for (var i = 0; i < b.length; i++) {
  a.push(b[i]);
}
로그인 후 복사

추가 고려 사항

두 접근 방식 모두 a가 b보다 훨씬 큰 경우 효율적으로 작동합니다. 그러나 b에 많은 요소가 포함되어 있는 경우 스택 오버플로 오류를 방지하려면 루프 기반 기술을 사용해야 합니다.

위 내용은 다른 배열을 사용하여 JavaScript 배열을 효율적으로 확장하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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