본문 바로가기

JavaScript/1

반복문(for 문, for..in 문, for..of 문, while 문)

1. 반복문이란 ?

  - 같거나 비슷한 코드여러 번 실행시켜야 할 경우 사용하는 구문입니다.

  - 반복 횟수가 정해져 있는 경우 사용합니다.

 

  1) for 문 사용

       let sum = 1;

         sum = sum +2;  //  sum = 1 + 2 가 되어 3 이라는 값이 됩니다.

         sum = sum +3;  //  sum = 3 + 3 가 되어 6 이라는 값이 됩니다.

         sum = sum +4;  //  sum = 6 + 4 가 되어 10 이라는 값이 됩니다.

      ㆍ위와 같은 반복적인 코드를 사용할 때 반복문을 사용하면 간단하게 코드를 작성할 수 있습니다.

          위와 아래의 코드의 값은 동일하게 리턴됩니다.

 

       let sum = 0;

       for( let i = 0; i <= 4; i++ ) {    //  초기화, 조건식, 증감문 순으로 i 는 0부터 시작하여 4 보다 작거나 같을 때까지

                                                                   i 의 값을 1씩 증가 시킵니다.(i++ 은 i = i + 1 과 동일하다고 보면 됩니다.)

            sum = sum + i;  //  반복할 내용을 작성해주면 됩니다.(sum 은 0 이고, i 도 0이므로 0 + 0 이 되고, for 문을 통해서

                                                                                                                i 는 0의 다음의 값인 1 의 값을 가지고 오게 됩니다.

                                                                                                               그러면 sum = 0 + 1 이 되므로, sum = 1 이라는 것이 됩니다.

                                                                                                               이 과정을 4 까지 반복을 하게 되고, 마지막에는

                                                                                                               sum = 10이라는 값이 반환됩니다.)

        }

        return sum;  // 10

 

 

  2)  for...in 문 : 객체의 속성을 반복하기 위해서 사용합니다.(객체의 속성를 모르더라도 모든 것을 출력할 수 있습니다.)

       let user = {

          name : 'Jane',

          age : '20',

          city : 'Seoul'

       }

 

      for(let newUser in user) {

         console.log(key : ' + newUser + ',  value : ' + user[newUser]);

      }   // newUser 변수user 라는 객체의 이름을 인자로 받고, 객체의 모든 속성의 이름과 같은 문자열로 나열합니다.

 

    ㆍ 위와 같은 코드를 실행한 결과는 아래와 같습니다.

 

    key : name, value : Jane

    key : age, value : 20

    key : city, value : Seoul

 

 

  3) for...of 문 : 반복 가능한 객체(Array, Map, Set, String 등)반복하는 기능을 수행 합니다.(객체의 요소를 순회합니다.)

           let user = [1, 2, 3, 4];

 

      for(let newUser of user) {

         console.log('value : ' + newUser);

      }   // newUser 변수user 라는 객체의 요소를 인자로 받고, 객체의 모든 요소의 이름과 같은 문자열로 나열합니다.

 

    ㆍ 위와 같은 코드를 실행한 결과는 아래와 같습니다.

 

  value : 1

  value : 2

  value : 3

  value : 4

 

  

4) while 문

    let count = 1;

    while (count <= 4) {     

          console.log('count = ' + count);

          count ++;

    }    // 4 (count 가 4 보다 작거나 같을 때까지 증감을 시키며, 조건에 충족 되면 반복멈추고 값을 반환합니다.)

 

    ㆍ 위와 같은 코드를 실행한 결과는 아래와 같습니다.

 

      count = 1

      count = 2 

      count = 3

      count = 4

 

 

이상으로 반복문에 대해서 알아보았습니다.

'JavaScript > 1' 카테고리의 다른 글

배열 다루기(Array Methods)  (0) 2020.03.31
문자열 다루기(String Methods)  (0) 2020.03.31
배열(Arrary)과 객체(Object)  (0) 2020.03.30
조건문(Conditional)과 함수(Function)  (0) 2020.03.24
변수(Variable)와 타입(Type)  (0) 2020.03.24