2021_03_04

유지원·2021년 3월 4일
0
post-thumbnail

TIL - 반복문

1. 반복문

반복문이 없다면 우리는수백만 개의 정보를 처리하기 위해서 수백만 줄의 코드를 작성해야 한다.이런 단순 반복을 보다 효율적이고 간결하게 할 수 있도록 도와주는 것이 반복문의 역할이다.
저번시간에 우리는 아래와 같은 코드를 학습했다.

let sum = 1;
sum = sum + 2;
sum = sum + 3;
sum = sum + 4;

위의 코드에서 반복적으로 하는 일은 "sum과 숫자의 합을 sum에 대입" 이다.
이 사실을 이용해 코드를 보다 효율적으로 바꾸어보자.

위에서 말한 "sum"과 숫자의 합을 sum에 대입"에서 말한 숫자는 2부터 4가 될때까지 1씩 증가하며 반복한다.
이를 보기쉽게 단계별로 나누어보자.

  • sum과 숫자(n)의 합을 sum에 대입
    조건:
  • 숫자(n)는 2부터 시작한다.
  • 숫자(n)가 4가 될때까지 반복한다.
  • 숫자(n)은 1씩 증가한다.
  • 이를 JavaScript로 나타내보면

  • sum과 숫자(n)의 합을 sum에 대입 : sum = sum + n;
    조건:
  • 숫자(n)는 2부터 시작한다 : let n = 2;
  • 숫자(n)가 4가 될때까지 반복한다. : n <= 4;
  • 숫자(n)은 1씩 증가한다. : n = n + 1;
  • 이제 이를 이용해 반복문을 만들어낼 수 있다.

      let sum = 1;
      for(초기화;조건식;증감문) {
      	//반복할 내용
      }
      console.log(sum);
    let sum = 1;
    for(let n = 2; n <= 4; n = n + 1) {
    	sum = sum + n;
    }
    console.log(sum); //10

    개발자도구를 이용해 코드를 실행시켜보면 결과값이 10으로 잘 나올것이다.

    반복문 for문 대신 while문을 이용할 수도 있다.
    while문을 이용할 때에는 반복할 조건 중 초기화, 증감문은 따로 조건식만 괄호 안에 넣어주면 된다.

    let sum = 1;
    let n = 2;
    while(n <= 4) {
      sum = sum + n;
      n = n+1;  
    }
    console.log(sum); //10





    오늘은 반복문에 대하여알아보았다.
    내일은 HTML과 CSS에 대하여공부한다.
    오늘은여기까지!

    profile
    안녕하세요 유지원입니다

    0개의 댓글