crystal_dev
Crystal 개발 일지
crystal_dev
전체 방문자
오늘
어제
  • 분류 전체보기 (58)
    • Web (0)
    • Frontend (32)
      • React (0)
      • Javascript (17)
      • HTML & CSS (14)
      • DOM API (0)
    • 사이드프로젝트 (1)
      • Flask (1)
    • CS (0)
      • Network (0)
    • 형상관리 & 개발도구 (2)
      • git (1)
      • VSCode (1)
    • 알고리즘 (19)
      • 백준 알고리즘 (1)
      • 프로그래머스 (17)
      • 기타 (1)
    • Error (2)
      • javscript (1)
      • python (1)
    • blog (2)
      • daily (1)
      • 회고 (0)
      • it참고 (0)
      • 항해99 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • match()
  • 프로그래머스
  • js 기본
  • 풀이
  • Programmers
  • frontend
  • javascript error
  • CSS
  • 프론트엔드
  • 자바스크립트
  • js기본
  • css위치
  • 느슨한타입
  • let
  • js
  • userfont
  • Javascript
  • Algorithm
  • css정렬
  • 알고리즘

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
crystal_dev

Crystal 개발 일지

Frontend/Javascript

[TIL] 반복문 while, for, do while문

2022. 5. 24. 14:26
728x90
반응형

 

 

 

반복문

컴퓨터를 사용하는 이유는 반복작업을 하기 위해서이다. 사람은 반복작업할 때 실수하기도 하는데, 이러한 작업을 컴퓨터한테 시키면 효율적이다. 반복문은 어떤 작업(코드)들이 반복적으로 실행되기 위하여 사용한다. 

 

반복문에는 for, while, do while문이 존재한다. for문을 주로 쓸 때는 반복 횟수를 알고 있을 때 쓰고, while문을 쓸 때는 조건식에 따라서 반복해야 하는 경우에 사용한다.

 

 

1. while 문

조건식이 true일 때에 동작문이 반복적으로 실행된다. 조건식이 false가 되면 반복문은 종료된다.

While (조건식) {
	동작문
}

 

 

while문으로 Hello, while! 100번 출력하기

let i = 1;
while (i <= 100) {
	console.log("Hello, while!");
}

 

 

무한 반복문

조건문이 true이므로 무한으로 hello, world가 콘솔 화면에 출력된다. 

while (true) {
	console.log('Hello, World');
}

 

 

 

2. for문

반복 횟수를 알고 있을 때 주로 사용한다.

for (시작;  조건식;  종료식) {
	동작문;
}

 

 

 

for문으로 Hello, for! 100번 출력하기

for(let i = 0; i < 100; i++){
	console.log("Hello, for!");
}

 

 

 

 

3. do while문

조건에 따라 반복을 계속할 지 결정할 때 사용하는 것은 while문과 동일하다.

다만, 무조건 {} 블럭을 한번 실행하고, 조건을 검사하여 반복을 결정한다. 

 

 

do while문으로 hello, do while! 10번 실행하기

let i = 1;

do {
    console.log("hello, do while!");
} while (i <= 100)

 

 

 

4. break

for문, while문, do while문을 종료할 때 쓰이는데 보통 if문과 같이 쓰인다.

이전 포스트에서 switch문에 사용한 것도 볼 수 있다.

 

for(let i = 0; i < 10; i++){
	if(i == 5){
    	break;
    }
    console.log(i);
}

i가 5일 때 종료되는 반복문이다. 콘솔에는 0부터 4까지만 출력이 된다.

 

 

 

5. continue

for문에서 continue를 만나면 증감식으로 이동하고, while문과 do while문에서 continue를 만나면 조건식으로 이동한다.

 

let i = 1
while(i <= 10){
	if(i % 2 == 0){
    	continue;
    }
	console.log(i);
}

i가 홀수인 수만 출력되는 것을 볼 수 있다.

 

 

 

 

 

 

728x90
반응형
저작자표시

'Frontend > Javascript' 카테고리의 다른 글

[TIL] 함수 기본  (0) 2022.05.25
[TIL] 배열  (0) 2022.05.24
[TIL] 조건문(if, switch)과 삼항연산자  (0) 2022.05.24
[TIL] var, let, const  (0) 2022.05.23
[TIL] 변수명 짓기  (0) 2022.05.23
    'Frontend/Javascript' 카테고리의 다른 글
    • [TIL] 함수 기본
    • [TIL] 배열
    • [TIL] 조건문(if, switch)과 삼항연산자
    • [TIL] var, let, const
    crystal_dev
    crystal_dev
    어제보다 더 나은 오늘의 내가 되자 ✧ʕ̢̣̣̣̣̩̩̩̩·͡˔·ོɁ̡̣̣̣̣̩̩̩̩✧

    티스토리툴바