프로그래밍 언어/JavaScript

[자바스크립트 필기] #4 - 제어문(조건문과 반복문)

2021. 7. 21. 23:49

 

*이 필기는 웹 프로그래밍 튜토리얼에서 보고 작성합니다. 

 

1. 블록문 

블록문은 0개 이상의 문을 중괄호로 묶은 것으로, 코드 블록 또는 블록이라고 부르기도 한다. 

문의 끝에는 세미콜론을 붙이는게 일반적이지만, 블록문은 자체 종결성을 갖기 때문에 블록문 끝에는 세미콜론을 붙이지 않는다. 

//블록문
{
	var foo = 30;
}

 

2. 조건문 

조건문은 주어진 조건식의 평가 결과에 따라 코드 블록의 실행을 결정한다. 

조건식은 불리언(true, false)값으로 평가될 수 있는 표현식이다. 

 

자바스크립트에는 if ... else와 switch 문으로 두 가지 조건문을 제공한다. 

if ... else 문

if (조건문1) {
	//조건문1의 식이 참이면 이 블록이 실행된다.
}
else if (조건문2) {
	//조건문2의 식이 참이면 이 블록이 실행된다.
}
else {
	//위의 조건문이 모두 거짓이면 이 블록이 실행된다.
}

else if와 else는 옵션이다.

대부분의 if ... else 문은 삼항 조건 연산자로 바꿔 쓸 수 있다. 

 

switch 문 

switch (표현식) {
	case 표현식1:
    	switch 표현식과 표현식1이 일치하면 실행됨;
    	break;
    case 표현식2:
    	switch 표현식과 표현식2이 일치하면 실행됨;
    	break;
    default: 
    	일차하는 case가 없으면 실행됨;
}

if ... else 문의 조건식은 불리언 값으로 평가되지만 switch 문의 표현식은 문자열이나 숫자 값인 경우가 많다.

 

3. 반복문 

 

자바스크립트는 for, while, do...while 문을 제공한다.

 

for 문 

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

while 문

for 문은 반복 횟수가 명확할 때, while 문은 명확하지 않을 때 주로 쓴다. 

 

while 문은 조건문의 평가 결과가 거짓이 되면 종료한다.

var count = 0;

while (count < 3) {
	console.log(count); // 0 1 2
    count++;
}

do...while 문 

do...while 문은 코드 블록을 먼저 실행하고 조건식을 평가한다.

var count = 0;

 do {
	console.log(count); // 0 1 2
    count++;
} while (count < 3);

 

4. break & continue 문 

  • break 문을 쓰게 되면 코드 블록을 탈출하게 된다. 
  • continue 문은 반복문의 코드 블록을 현 지점에서 종료하고 반복문의 증감식으로 실행 흐름을 이동시킨다. 

 

여기까지 입니다 - 틀린 점이 있다면 꼭 지적해주세요!

 

 

 

 

'프로그래밍 언어/JavaScript' 카테고리의 다른 글
  • [자바스크립트 필기] #6 - 원시 값과 객체의 비교
  • [자바스크립트 필기] #5 - 객체 리터럴
  • [자바스크립트 필기] #3 - 데이터 타입
  • [자바스크립트 필기] #2 - 표현식과 문
SpaceCowboy
SpaceCowboy
공부한거 기록하는 블로그입니다!!
SpaceCowboy
공부한거 기록하는 블로그
SpaceCowboy
전체
오늘
어제
  • 분류 전체보기
    • 프로그래밍 언어
      • C Programming
      • JavaScript
    • Computer Science
      • 자료구조
      • 알고리즘
      • 객체지향
    • 프레임워크
      • Nest.js
      • TypeORM
    • Web Programming
    • 블록체인
      • 기초
    • 데브옵스
      • Git
      • Docker

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • HTML
  • 자바스크립트챌린지
  • 복습
  • typeormseeding
  • nestjs
  • softDelete
  • 자료구조
  • 재귀
  • CSS
  • JS
  • 논리삭제
  • typeorm0.3
  • TypeORM
  • 자바스크립트 필기
  • customrepository
  • 자바스크립트
  • typeorm3.0
  • 자료구조필기
  • 자바스크립트필기
  • 이중연결리스트

최근 댓글

최근 글

hELLO · Designed By 정상우.
SpaceCowboy
[자바스크립트 필기] #4 - 제어문(조건문과 반복문)
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.