TIL 64 | 반복문의 종류와 사용방법2

반복문(do..while, for..in, for of, forEach())의 문법과 사용방법에 대해 적어본다.

🎶 반복문의 종류와 사용 방법

• do..while문
  do…while 문은 일단 작업을 한 번 수행한 후 지정된 조건이 참인지 거짓인지 확인해서 참이면 반복, 거짓이면 중단한다. 따라서 코드 블록은 무조건 한 번 이상 실행된다.

let counter = 0;

do {
      console.log(counter); // *0, 1, 2*
      counter++;
} while (counter < 3);

• for..in문
  객체에 있는 key에 차례대로 접근하는 데 사용되는 반복문이다. object의 프로퍼티 키, 프로퍼티 값을 하나씩 가져올 수 있다.

• 문법

    for(변수 선언 in 객체를 할당한 변수명){
         객체 타입의 실행문
       }

• 사용
  • property key값 가져오기

   var obj2 = {
     name : "이순신",
     age : 20
        };
   
   for (let i in obj2) {
         console.log(i);
    }   

    -출력-
    name
    age

• property value값 가져오기

   let obj1 = {
       key1: 'value1',
       key2: 'value2',
       key3: 'value3',
       }
    
    for (let j in obj1) {
         console.log(obj1[j]);
       }

    -출력-
    value1
    value2
    value3

• for..of문
  Array, String, Map, Set 등을 반복한다. 이터러블 객체를 반복 처리하기 때문에 그냥 선언한 객체는 for of 문법을 사용할 수 없다. String, array, Map, Set은 모두 내장으로 iterator() 메소드를 가지고 있어서 for...of 반복문을 사용할 수 있다

❓ 이터러블 객체에 대한 자세한 내용 링크 : iterable 객체

• 문법 :

  var iterable = [10, 20, 30];

 for(변수선언(요소,인덱스) of 데이터가 할당된 변수) {
     console.log(변수)  // 10, 20, 30 출력.
    }

• 사용

    const arr = [1,3,5,7,9];
    const str = '인천대학교';

    for (let i of arr){ console.log(i); }

    -출력
      1
      3
      5
      7
      9

    for (let i of str){ console.log(i); }

      -출력- 
        인
        천
        대
        학
        교

출처: [https://bbaktaeho-95.tistory.com/32](https://bbaktaeho-95.tistory.com/32) [Bbaktaeho]

• forEach()
  forEach문은 배열의 요소 또는 인덱스를 반환해주는 메서드, 함수이다. (배열에서만 사용 가능) forEach를 통해서 배열 요소들의 반복 작업을 수행할 수 있다. forEach는 parameter로 콜백함수를 등록할 수 있고, 배열의 각 요소들이 반복될 때
  이 콜백함수가 호출된다. 콜백함수에서 배열 요소의 index와 value에 접근할 수 있다.

  • forEach 메서드는 for문을 대체할 수 있는 함수
  • 콜백(Callback)함수 : 함수의 parameter로 사용되는 또 다른 함수

• 문법
  targetArr.forEach(callback(currentValue,index,array),thisArg)

  • callback 함수는 3가지 인수를 받을 수 이 있으며 필수 요소는 currentValue(처리할 현재 값). index, array, thisArg는 생략 가능.
  • Array.prototype.forEach() 즉, 배열 메소드로서, 배열의 각 요소에 주어진 함수(callback)를 한번씩 실행한다.
  • forEach() 자체는 배열을 변경하지 않는다. (=immutable, 메모리 영역에서 변경 불가) 단, callback 함수에 작성된 코드에 따라 배열 변경 가능.
  • for 반복문으로 표현할 수 있다면 forEach()로도 표현 가능하다.

• 사용

let items = ['item1', 'item2', 'item3'];
    items.forEach(function(item){
          console.log(item);
       });

   -출력-
    item1
    item2
    item3

let array = ["A", "B", "C", "D"]
    array.forEach(function(item,index){
             console.log(index);
             console.log(item);
    });

  -출력-
    0
    A
    1
    B
    2
    C
    3
    D