[javascript] 자바스크립트 for 문, for in 문, forEach 문 - 반복문 편

자바스크립트 반복문

 

가장 중요하고 유용하게 쓰이는 반복문에 대해서 알아 보려고 합니다.

일단 반복문은 어떤상황에서 쓰일까요?

순차적으로 값을 증가시키거나, 반복되는 코드를 쓰기 위해서 반복문을 사용합니다.

 

 

1. for 문
예시) length가 숫자인 경우에 사용 가능합니다

 

  const length = 5;
  for(let i = 0; i < length; i++){
      // i 값이 0 부터 순차적으로 값이 1씩 증가 후 length의 값 5보다 작은 4일 때 반복문은 멈추게 됩니다.
      console.log(i);
      0
      1
      2
      3
      4
      // 정상적으로 5번이 찍힌 콘솔
  }

 

 

2.. for in 문
예시) 1. Array 값이 있는 경우

          2. Object 값이 있는 경우

 

    // Array 일 때
    const array = [0,1,2,3,4];
    for(let i in array){
        // 이번엔 배열안에 있는 값을 하나씩 i에 순차적으로 값을 넣으면서 콘솔에 찍습니다.
        console.log(i);
        0
        1
        2
        3
        4
        // 정상적으로 배열에 있는 값이 찍히는 콘솔
    }
    // Object 일 때
    const obj = {
        a: '에이',
        b: '비',
        c: '씨'
    }
    for(let i in obj){
        // a 에이, b 비, c 씨    가 출력 됩니다. 객체 대괄호 표기법을 이용하여 객체의 키 값을 뺄 수 있습니다.
        console.log(i, obj[i]);
    }

 

3. forEach 문

예시 ) Array 값인 경우에 사용가능합니다.

 

    const array = [0,1,2,3,4];
    array.forEach(function(i, index, array2){
        // 배열안에 있는 값을 하나씩 찍습니다.
        console.log(i);
        // 인덱스 번호를 찍습니다.
        console.log(index);

    })

 

 

유용하게 사용할 수 있는 반복문에 대해서 알아봤습니다.