자바스크립트 0에서 10까지의 배열을 출력하는 최적의 코드(Array.from)

이번 글에서는 0에서 10까지의 배열을 출력할 때 혹은 그이상의 수까지 출력할때 짧게 코드를 쓰는 방법을 알아보겠습니다.

자바스크립트로 0에서 10까지의 배열을 만들어내는 최적의 코드는 다음과 같습니다:

const array = Array.from({ length: 11 }, (_, index) => index);

이 코드는 Array.from 메소드를 사용하여 0부터 10까지의 요소를 갖는 배열을 생성합니다.

length 속성을 11로 설정하여 배열의 길이를 11로 지정하고, 두 번째 인수인 콜백 함수를 사용하여 인덱스 값을 배열에 할당합니다.

이렇게 하면 [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]과 같은 배열이 생성됩니다.

Array.from 메소드는 자바스크립트에서 배열을 생성하는 메소드 중 하나입니다.

이 메소드는 유사 배열 객체나 이터러블 객체를 배열로 변환할 수 있습니다.

Array.from 메소드의 구문은 다음과 같습니다:

Array.from(arrayLikeOrIterable[, mapFn[, thisArg]])

• arrayLikeOrIterable: 배열로 변환할 유사 배열 객체나 이터러블 객체입니다.
• mapFn (옵션): 배열의 각 요소를 변환할 때 사용할 콜백 함수입니다.
• thisArg (옵션): mapFn 내부에서 사용할 this 값을 지정할 수 있습니다.

예를 들어, Array.from 메소드를 사용하여 문자열을 배열로 변환할 수 있습니다:

const str = "Hello";
const array = Array.from(str);
// 결과: ['H', 'e', 'l', 'l', 'o']

또한, Array.from 메소드를 활용하여 숫자 범위를 배열로 만들 수도 있습니다.

이전에 제가 드렸던 최적의 코드를 다시 보여드리겠습니다:

const array = Array.from({ length: 11 }, (_, index) => index);
// 결과: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

이 코드에서는 Array.from을 사용하여 길이가 11인 배열을 생성하고, 콜백 함수를 통해 배열의 요소를 인덱스 값으로 할당하였습니다.

이를 통해 0에서 10까지의 숫자로 이루어진 배열이 생성됩니다.