Web/JavaScript

JS 기초_05 (Conditions & Loops)

5_ssssseung 2021. 5. 10. 01:22

Conditions (조건문)

조건문의 종류와 특징

  • if statement

    • 조건 표현식의 결과값을 Boolean 타입으로 변환 후 참/거짓을 판단
  • switch statement

    • 조건 표현식의 결과값이 어느 값(case)에 해당하는지 판별

    • 주로 특정 변수의 값에 따라 조건을 분기할 때 활용

      • 조건이 많아질 경우 if문보다 가독성이 나을 수 있음

if statement 조건문

  • if, else if, else

    • 조건은 소괄호 ()안에 작성
    • 실행할 코드는 중괄호 {} 안에 작성
    • 블록 스코프 생성
image

switch statement 조건문

  • switch

    • 표현식의 결과값을 이용한 조건문
    • 표현식의 결과값case문의 오른쪽 값을 비교
    • break 및 default 문은 [선택적]으로 사용 가능
    • break문이 없는 경우 break문을 만나거나 default문을 실행할 때까지 다음 조건문 실행
    • 블록 스코프 생성

image

image


if vs switch

image


Loops (반복문)

반복문의 종류와 특징

  • while

  • for

  • for ... in

    • 주로 객체의 속성들을 순회할 때 사용
    • 배열도 순회 가능하지만 인덱스 순으로 순회한다는 보장이 없으므로 권장하지 않음
  • for ... of

    • 반복 가능한 객체를 순회하며 값을 꺼낼 때 사용
    • 반복 가능한 객체의 종류 : Array, Map, Set, String 등

While 반복문

  • 조건문이 참인 동안 반복 시행
  • 조건은 소괄호 안에 작성
  • 실행할 코드는 중괄호 {} 안에 작성
  • 블록 스코프 생성

image


for 반복문

  • 세미콜론으로 구분되는 세 부분으로 구성

  • initialization

    • 최초 반복문 진입시 1회만 실행되는 부분
  • condition

    • 매 반복 시행 전 평가되는 부분
  • expression

    • 매 반복 시행 이후 평가되는 부분
  • 블록 스코프 생성

image


for ... in 반복문

  • 객체의 속성들을 순회할 때 사용
  • 배열도 순회 가능하지만 권장하지 않음
  • 실행할 코드는 중괄호 안에 작성
  • 블록 스코프 생성

image


for ... of 반복문

  • 반복 가능한 객체를 순회하며 값을 꺼낼 때 사용
  • 실행할 코드는 중괄호 안에 작성
  • 블록 스코프 생성

image


for ... in vs for ... of

image


정리

키워드종류연관 키워드스코프
if조건문-블록 스코프
switch조건문case, break, default블록 스코프
while반복문break, continue블록 스코프
for반복문break, continue블록 스코프
for ... in반복문객체 순회블록 스코프
for ... of반복문배열 등 iterable 순회블록 스코프

 

'Web > JavaScript' 카테고리의 다른 글

JS 기초_07 (Arrays & Objects)  (0) 2021.05.10
JS 기초_06 (Functions)  (0) 2021.05.10
JS 기초_04 (Types & Operators)  (0) 2021.05.10
JS 기초_03 (Variables & Identifiers)  (0) 2021.05.09
JS 기초_02 (ECMAScript 6)  (0) 2021.05.09