Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript 배열에서 짝수 위치의 숫자에 접근하는 방법

배열에서 짝수 위치에 있는 숫자들에 접근하려면, 숫자 자체를 반복하는 것이 아니라 위치, 즉 인덱스(index)를 기준으로 반복문을 돌려야 합니다. 만약 숫자 값을 대상으로 반복문을 실행하면, 짝수 위치의 요소가 아니라 짝수인 숫자 값들이 선택되어 의도와 다른 결과가 나오게 됩니다.

핵심 개념

배열의 인덱스는 0부터 시작하기 때문에, 사람이 세는 '2번째, 4번째, 6번째...'와 같은 짝수 번째 위치는 실제로는 인덱스 1, 3, 5...에 해당합니다. 따라서 조건식에서 (i + 1) % 2 === 0처럼 인덱스에 1을 더한 값으로 짝수 여부를 판별하는 것이 일반적입니다.

예제 코드

아래 예제에서는 for 반복문을 사용해 배열의 모든 위치(인덱스)를 순회하고, 빈 문자열 변수를 활용하여 짝수 위치의 값을 담아 출력합니다. if 조건문을 통해 해당 위치가 짝수 번째인지 검사하며, 짝수 번째일 경우 그 위치에 해당하는 배열 요소를 가져와 화면에 표시합니다.

<html>
<body>
<script>
    var nums = [15,23,63,53,58,66,77,29,2,110];
    for(var i = 0; i < nums.length; i++) {
        var dis = "";
        if((i + 1) % 2 === 0) {
            dis = dis + (nums[i]) + "</br>";
            document.write("Digit in " + (i + 1) + " place is " + " " + dis);
        }
    }
</script>
</body>
</html>

실행 결과

Digit in 2 place is 23
Digit in 4 place is 53
Digit in 6 place is 66
Digit in 8 place is 29
Digit in 10 place is 110

코드 설명

배열 nums에는 총 10개의 숫자가 들어 있습니다. 반복문이 진행되면서 (i + 1)이 2로 나누어 떨어지는 경우, 즉 2번째, 4번째, 6번째, 8번째, 10번째 위치일 때만 해당 인덱스의 값이 출력됩니다. 그 결과 위와 같이 짝수 번째 위치의 숫자들만 화면에 표시됩니다.

참고로 document.write()는 주로 학습용 예제에서 사용되는 방식이며, 실무에서는 console.log()나 DOM 조작 메서드를 사용해 결과를 출력하는 것이 권장됩니다.