[Javascript 공부] 3. 반복문

설강·2020년 8월 3일
0

javascript

목록 보기
3/8
post-thumbnail
post-custom-banner

3. 반복문

반복문은 어떠한 것을 반복하여 사용하기 위해 만들어진 문법이다.
자바스크립트에서 반복문은 2가지가 있는데 종류는 아래와 같다.

  • for
  • while

3-1. "for"

for 을 사용하기 위한 문법은 아래와 같다.

for(<초기식> ; <조건식> ; <증감식> ) {
  ...
}
// ex)
for(let i = 0; i < 3; i++) {
  console.log(i);
}
// output
// 0
// 1
// 2
  • 초기식 : 변수를 생성하여 해당 변수를 이용하여 반복문을 사용한다. (생략 가능)
  • 조건식 : 조건이 false 될때까지 반복 한다. (생략 가능)
  • 증감식 : 조건을 만족하기 위해 변수에 대한 증감식을 작성 한다. (생략 가능)

만약 모든 식을 생략하게 된다면 무한으로 반복하는 무한 루프가 만들어 지게 된다.

for(;;){
  ...
}

3-2. "while"

while 을 사용하기 위한 문법은 아래와 같다.

<초기식>
while(<조건식>){
      ...
      <증감식>
}

//ex
let i = 0;
while ( i < 3 ) {
  ...
  i++;
}

whilefor의 차이는 한줄로서 해결 되느냐 이 차이인것 같다.
그리고 whilefor 어떤걸 사용할 지는 코드와 로직에 따라 선택해서 쓰면 될것이다.

Special

반복문 사용시 사용 할 수 있는 2가지의 키워드가 있는데 종류는 아래와 같다.

  • continue
  • break

continue

continue 는 반복문 실행 시 해당 키워드를 만나게 되면
키워드 아래의 코드들은 실행하지 않고 다음 반복문으로 넘어가게 된다.

for(let i = 0; i < 3; i++){
  if(i === 1) {
    continue
  }
  console.log(i);
}
  
// output
// 0
// 2

break

break 는 보통 무한 반복문을 사용할 때 많이 쓰는데
이 키워드를 만나게 되면 사용된 스코프의 반복문을 종료하게 된다.

let i = 0;
while( true ) {
  if( i === 5 ) {
    break;
  }
  console.log(i);
  i++;
}

// output
// 0
// 1
// 2
// 3
// 4
profile
Be a Full Stack Developer
post-custom-banner

0개의 댓글