JavaScript: 배열에서 모든 n번째 요소를 추출하여 지정된 개수만큼 표시하는 방법

배열에서 모든 n번째 요소를 추출하고, 그중에서도 고정된 개수의 값만 표시하려면 for 반복문과 if 조건문을 함께 사용하면 됩니다.

예를 들어 다음과 같은 배열이 있다고 가정해 보겠습니다.

var numbers = [1, 2, 34, 56, 78, 90, 100, 110, 40, 70, 67, 77, 34, 68, 89, 91, 94];

표시할 값의 개수를 정하기 위해 카운터(counter) 변수를 설정합니다.

var counter = 6;

위 설정에 따라 최종 결과로 6개의 값이 표시됩니다.

예제

다음은 전체 코드입니다.

var numbers = [1, 2, 34, 56, 78, 90, 100, 110, 40, 70, 67, 77, 34, 68, 89, 91, 94];
var counter = 6;
var newNumbers = [];
var start = 0;
for (var index = 0; index < numbers.length; index++) {
   if (index % 2 != 0) {
      start++;
      if (start <= counter) {
         newNumbers.push(numbers[index]);
      }
   }
}
console.log(newNumbers);

코드 동작 원리

index % 2 != 0 조건은 홀수 인덱스, 즉 짝수 번째 위치(2번째, 4번째, 6번째...)에 있는 요소만 걸러냅니다. 이후 start 변수가 추출된 요소의 개수를 세어, 카운터 값인 6개에 도달하면 더 이상 새로운 값을 추가하지 않습니다.

위 프로그램을 실행하려면 터미널에서 다음 명령어를 사용합니다.

node fileName.js

여기서는 파일 이름이 demo231.js입니다.

출력 결과

실행 결과는 다음과 같습니다.

PS C:\Users\Amit\JavaScript-code> node demo231.js
[ 2, 56, 90, 110, 70, 77 ]

결과를 보면 배열의 짝수 번째 요소들 중 앞에서부터 6개인 [2, 56, 90, 110, 70, 77]이 정확히 출력된 것을 확인할 수 있습니다.