> 웹 프론트엔드 > JS 튜토리얼 > 1에서 N까지 JavaScript 배열을 만드는 가장 효율적인 방법은 무엇입니까?

1에서 N까지 JavaScript 배열을 만드는 가장 효율적인 방법은 무엇입니까?

Susan Sarandon
풀어 주다: 2024-12-16 14:01:10
원래의
667명이 탐색했습니다.

What's the Most Efficient Way to Create a JavaScript Array from 1 to N?

JavaScript에서 1...N을 포함하는 배열을 효율적으로 생성하는 방법

원본 코드:

var foo = [];

for (var i = 1; i <= N; i++) {
   foo.push(i);
}
로그인 후 복사

이 접근 방식은 간단하지만 명시적인 루프가 포함되어 있어 가장 효율적인 옵션이 아닐 수 있습니다. 루프 없이 1부터 N까지 포함하는 배열을 생성하기 위한 몇 가지 대안은 다음과 같습니다.

ES6 Array.from() 및 key() 메서드

ES6 이상에서는 key()와 함께 Array.from() 메소드를 활용할 수 있습니다. method.

Array.from(Array(10).keys())
// => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
로그인 후 복사

확산 연산자를 사용한 단축 버전

확산 연산자를 사용하면 코드를 더욱 간결하게 만들 수 있습니다.

[...Array(10).keys()]
// => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
로그인 후 복사

지도 기능으로 1부터 시작

시작하려면 0 대신 1의 배열을 사용하는 경우 길이 속성이 있는 객체와 함께 map 함수를 사용할 수 있습니다.

Array.from({length: 10}, (_, i) => i + 1)
// => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
로그인 후 복사

이러한 대안은 별도의 작업 없이 숫자 범위를 포함하는 배열을 생성하는 보다 효율적인 방법을 제공합니다. 명시적인 루프.

위 내용은 1에서 N까지 JavaScript 배열을 만드는 가장 효율적인 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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