TIL 63 |반복문의 종류와 사용방법1

반복문을 사용하는 이유와 반복문의 종류, for문과 while문에 대해 적어본다

✨ 반복문을 사용하는 이유와 반복문의 종류

  • 반복문을 사용하는 이유
    같은 동작을 반복해서 수행할 때, 동일한 코드 작성을 피하기 위해서

  • 반복문의 종류

    • for문
    • forEach문 : 배열의 요소, 인덱스를 반환해주는 메서드,함수(콜백함수를 parameter로 사용)
    • for of문 : ES6부터 사용가능한 문법인데, 배열의 객체를 하나씩 반환해주는 반복문
    • for in문 : Object에 있는 key에 차례로 접근하는 데 사용되는 반복문
    • while문 : for문과 비슷하지만, 반복 횟수가 불명확할 때 사용하는 반복문
    • do..while문 : 코드 블록을 먼저 실행하고 조건식을 평가하는 do..while문

✨ for문 작성 방법과 사용

  • for문(for loop)
    for 문은 조건식이 거짓으로 판별 될 때까지 코드블록을 반복 실행한다. 가장 일반적으로 사용되는 반복문이다.

  • 2. for문의 형태와 실행순서

    • 문법

      for (변수 선언문 또는 할당문; 조건식; 증감식) {
      조건식이 참인 경우 반복 실행될 문
      }

(출처 : https://poiemaweb.com/js-control-flow)

  • 중첩 for문의 형태와 실행순서
    for문 안에 for문이 들어간 경우 중첩 for문, 이중 for문이라고 부른다

    ex) 주사위 2개를 굴렸을 때 합이 6이 되는 경우의 수

    for(let i=1; i<7; i++){
       for(let j=1; j<7; j++){
            if(i+j===6) console.log(`[${i} ,${j}]`)
        }
      }
  • 중첩 for문의 실행순서

    • 첫번째 for문의 i의 초기화값, true
    • 두번째 for문으로 j의 초기화값, true
    • 실행문 실행
    • 두번째 for문으로 넘어가서 1증가
    • 실행문 실행
    • 두번째 for문이 false가 되면 다시 첫번째 for문으로 올라가서 같은 동작 반복 실행
  • 출력
    [1, 1] > 출력 안 됨
    [1, 2] > 출력 안 됨
    [1, 3] > 출력 안 됨
    [1, 4] > 출력 안 됨
    [1, 5] > 출력
    [1, 6] > 출력 안 됨
    [2, 1] > 출력 안 됨
    [2, 2] > 출력 안 됨
    ..
    [2, 4] > 출력
    [3, 3] > 출력
    [4, 2] > 출력
    [5, 1] > 출력

  • Array와 for문의 사용 방법
    ex) 배열에서 중복되는 숫자를 찾고 싶을 때,(array2에서)

let array1 = [5, 10, 15, 33, 18, 99, 13, 55]
let array2 = [10, 20, 30, 30, 23, 88, 99]

   for(let i =0; i < array1.length; i++){
       for(let j=0; j < array2.length; j++){
           if(array1[i]===array2[j]) console.log(array2[j])
     }
    } 

[출력]  
  10
  99

✨ while문 작성 방법과 사용

  • while문
    while문은 주어진 조건식의 평가 결과가 참이면 코드 블록을 계속해서 반복 실행한다. for문과 비슷하지만, 보통 반복 횟수
    가 명확할 때, for문을 사용하고 반복 횟수가 불명확할 때
    while문을 사용한다.(while문은 사용을 잘 안 한다고 함)
    while문도 조건문의 평가 결과가 거짓이 되면 코드 블록을 실
    행하지 않고 종료한다. while문은

  • 문법

  while(조건식){
      할일
   }
  • 사용방법(1부터 4까지 차례로 출력하는 for문을 while문으로 고쳐 써보기)
  for (let i = 0; i < 5; i++) {
      console.log(i);
    }

---
  
let a = 0;
while(a < 5) {
    console.log(a);
    a++;
 }
  • 코드 블록 탈출
    조건식의 평가 결과가 언제나 참이면 무한루프가 되어서 코드 블록 내에 if문으로 탈출 조건을 만들고 break 문으로 코드 블록을 탈출한다
let count = 0;
while (true) {
      console.log(count);
      count++;
      if (count ===3) break;
}

좋은 웹페이지 즐겨찾기