JavaScript에서 범위 값을 사용하여 배열을 효율적으로 생성하려면 어떻게 해야 합니까?

JavaScript에서 다양한 값을 사용하여 배열 생성

프로그래머는 다양한 값이 포함된 배열을 생성해야 하는 경우가 많습니다. 일반적인 접근 방식에는 각 요소를 배열에 반복적으로 추가하는 루프가 포함됩니다. 그런데 루프를 사용하지 않고 더 간결하고 효율적인 방법이 있을까요?

ES6에서 JavaScript는 이 문제를 해결하기 위해 Array.from()과 key()라는 두 가지 핵심 메서드를 도입했습니다. Array.from()을 사용하면 반복 가능한 객체를 배열로 변환할 수 있습니다. keys() 메소드는 주어진 객체의 키에 대한 반복자를 반환합니다. 이러한 방법을 결합하면 다양한 값으로 배열을 생성할 수 있습니다.

Array.from() 및 key()를 사용하는 솔루션

Array.from(Array(10).keys())
// Result: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

위 접근 방식 Array(n)는 처음에 정의되지 않은 값으로 채워진 길이 n의 배열을 생성한다는 사실을 활용합니다. 이 배열에서 키()를 사용하여 원하는 숫자 범위에 해당하는 배열 키의 반복 가능 항목을 얻습니다. 그런 다음 Array.from()은 이 반복 가능 항목을 배열로 변환합니다.

확산 연산자를 사용하는 더 짧은 버전

[...Array(10).keys()]
// Result: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

확산 연산자(...)를 사용하면 다음을 수행할 수 있습니다. 반복 가능 항목을 개별 요소로 확장합니다. 따라서 이전 솔루션의 더 짧은 버전은 스프레드 연산자를 사용하여 동일한 결과를 얻습니다.

1부터 시작

0 대신 1부터 범위를 시작하려면, Array.from()과 함께 map() 함수를 사용할 수 있습니다.

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

map() 함수는 Array.from()의 각 요소를 변환합니다. 반복 가능한 것. 여기서 각 요소는 원래 배열에서 전달된 값(자리 표시자 _로 표시)과 해당 인덱스(i로 표시)입니다. 변환은 범위 1부터 시작하여 인덱스에 1을 추가합니다. 그런 다음 결과는 Array.from()에 전달되어 최종 배열을 생성합니다.

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