2021.08.13 - [JavaScript] - [JavaScript] 자바스크립트 var, let ,const - 자바스크립트 정리(1)
[JavaScript] 자바스크립트 var, let ,const - 자바스크립트 정리(1)
안녕하세요, 요즘 소나기가 자주와서 날씨가 많이 습해졌습니다. 그래서인지 오랜만에 포스팅을 올리게 되었습니다. 요즘 자바스크립트 기반 프레임워크 (Vue,React,React-Native,Express) 등등 다양한
parase.tistory.com
이어서 자바스크립트 반복문에 대해서 포스팅해보겠습니다.

반복문은 말그대로 실행문을 특정조건만큼 반복하는 것 입니다. 대부분의 언어들은 조건문이 참(true)일때 실행문을 반복하고 만약 조건문이 거짓(false)가 되었을때 해당 반복문은 종료 됩니다. 흔히 자주 사용하는 반복문은 while문 과 for문이 있습니다. 관련있다면 배열 관련 반복 메서드로는 forEach, map이 있지만 이번 포스팅에서 다루지는 않겠습니다.
1. for 문
- 형태

for 문의 기본적인 형태 입니다. 다음예시를 볼까요?

위 실행문의 결과는 1부터 10까지의 콘솔 로그가 찍히게 됩니다.
그러면 2는 출력되지 않도록 분기 처리되도록 해보겠습니다.

위 코드 처럼 작성하면 2를 제외하고 1부터 10까지 출력되게 됩니다.
여기서 사용된 continue는 continue 아래의 실행문을 실행하지 않고 다음으로 넘어갑니다.
그럼 이번에 for문의 조건식을 변경하지 않고 4까지만 출력되게 해볼까요?

위 코드를 실행하면 1부터 3까지만 출력되게 됩니다. break를 사용하게되면 반복문을 즉시 탈출하게 됩니다. continue와의 다른점이라면 continue는 실행문을 건너 뛰는것이고 break는 반복문 자체를 종료시킵니다.
2.while
- 형태

while문도 for문과 같이 1부터 10까지 출력되게 작성해보겠습니다.

이번에는 7를 제외하고 출력해보도록 하겠습니다.

for문의 사용한것 처럼 continue를 사용하였습니다.
이번에는 i 의 값이 9이면 종료하는 코드를 작성하도록 해보겠습니다.

i의 값이 9가 되면 break문을 사용하여 반복문(여기서는 while문)이 종료되게 만들었습니다.
잘못된 개념은 언제나 댓글로 피드백 주시면 감사하겠습니다.
'JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트 var, let ,const - 자바스크립트 정리(1) (0) | 2021.08.13 |
---|---|
[JavaScript] 템플릿 문자열 (0) | 2021.06.03 |
[JavaScript] Javascript OOP(Object-Oriented) Prototype (0) | 2021.05.22 |
[Javascript] 객체 생성 (new Object()) (0) | 2021.05.03 |
[jQuery] 템플릿에서 다른 함수 호출 하는 법 (0) | 2021.04.21 |
최근댓글