배열에서 특정 개수만큼의 요소를 선택하여 새로운 배열을 만드는 방법은 다양하게 있습니다. 여기서는 slice 메서드와 화살표 함수를 사용하여 이 작업을 수행하는 간단한 방법을 살펴보겠습니다.

slice 메서드를 사용한 방법

slice 메서드는 배열의 일부분을 추출하여 새로운 배열을 반환합니다. 이 메서드는 시작 인덱스부터 끝 인덱스 이전까지의 요소들을 추출합니다. 따라서, slice 메서드를 활용하여 특정 개수만큼의 요소를 선택할 수 있습니다.

아래 예제는 배열에서 처음 5개의 요소를 선택하여 새로운 배열을 만드는 방법을 보여줍니다.

const originalArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const newArray = originalArray.slice(0, 5);
console.log(newArray); // [1, 2, 3, 4, 5]

화살표 함수를 사용한 방법

화살표 함수를 사용하여 배열을 필터링하고 새로운 배열을 생성할 수도 있습니다. 아래 예제에서는 slice 메서드 대신 화살표 함수를 사용하여 같은 결과를 얻는 방법을 보여줍니다.

const originalArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const newArray = originalArray.filter((element, index) => index < 5);
console.log(newArray); // [1, 2, 3, 4, 5]

결론

이러한 방법들을 통해 자바스크립트 배열에서 특정 개수만큼의 요소를 선택하여 새로운 배열을 만들 수 있습니다. 각 방법마다 성능과 가독성 측면에서 장단점이 있으므로 상황에 맞게 적절한 방법을 선택하여 활용할 수 있습니다.

참고 자료: MDN Web Docs - Array.prototype.slice(), MDN Web Docs - Array.prototype.filter()