ep.07 배열과 반복문

배열과 반복문

 

앞서 배열이 무엇인지, 또 반복문은 어떻게 활용하는지를 미리 알아보았습니다. 이 두 가지 도구를 합쳐 아주 획기적이고 실용적인 코드를 짜 볼 차례입니다.

여러 예시들 중에 coworker라는 배열에 이름을 넣어보는 상황을 가져와보겠습니다.

 

coworker라는i가 3보다 작을 때까지 반복하며 배열의 i번째 데이터를 가져오라는 명령입니다.

그 결과 0번째, 1번째, 2번째의 데이터가 출력되게 되는 것입니다. 하지만, coworker 수가 줄어들거나 늘어난다면? 일일이 모든 i의 범위를 바꿔주어야 할까요? 데이터가 바뀌더라도 로직에는 손을 대지 않도록, 더 간단하게, 더 유연한 코드를 짜는 것이 우리의 지향점입니다. 그럼 그 i, 즉 최대의 개수는 어떻게 알아낼까요? 

앞에서 했던 것처럼 length를 사용하여 스스로 그 length값을 알아내도록 코드를 짜주면 될 겁니다.

 

※ 예시 코드 ※

<h2>Loop&amp;Array</h2>
    <script>
        var coworkers = ['min','hun','kyeong','jun'];
    </script>
    <ul>
        <script>
            var i = 0;
            var coworkNum = coworkers.length;
            while ( i < coworkNum ){
                    document.write('<li>'+coworkers[i]+'</li>');
                    i++;
                  }
        </script>
    </ul>

 

로직에는 손을 대지 않고 배열의 데이터 값만 조절해주어도 원하는 결과를 얻을 수 있습니다.

따라서 필요한 부분에 속성과, 반복문, 배열 등 편리한 도구를 사용하여 elastic 한 코드를 짤 수 있도록 노력해야 합니다.

 

한 줄 요약: 배열과 반복문 사이의 관계를 알고 변수를 알맞게 설정하여 elastic 한 코드를 짜 보자!