본문 바로가기
PROGRAMMING/JavaScript

[JS] 조건문, 반복문

by 안녕나는현서 2021. 11. 12.
728x90

조건문

- if

  • 조건 표현식의 결과값을 Boolean 타입으로 변환 후 참/거짓 판단
  • if, else if, else
  • 조건은 소괄호() 안에 작성
  • 실행할 코드는 중괄호{} 안에 작성
  • 블록 스코프 생성
const nation = 'Korea'

if (nation === 'Korea') {
  console.log('안녕하세요!')
} else if (nation === 'France') {
  console.log('Bonjour!')
} else {
  console.log('Hello!')
}

 

- switch

  • 조건 표현식의 결과 값이 어느 값(case)에 해당하는지 판별
  • 표현식의 결과값을 이용한 조건문, 표현식의 결과값과 case문의 오른쪽 값을 비교
  • break, default문은 선택적으로 사용
    • break문이 없는 경우, break문을 만나거나 default문을 실행할 때까지 다음 조건문 계속 실행
  • 블록 스코프 생성
const nation = 'Korea'

switch(nation) {
  case 'Korea': {
    console.log('안녕하세요!')
    // break
  }
  case 'France': {
    console.log('Bonjour!')
    // break
  }
  default: {
    console.log('Hello!')
  }
}

 

 

반복문

- while

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

while (i<6) {
  console.log(i) // 0, 1, 2, 3, 4, 5
  i += 1
}

 

- for

for (initialization; condition; expression) {
  // do somthing
}
  • initialization: 최초 반복문 진입 시 1회  실행
  • condition: 매 반복 시행 전 평가되는 부분
  • expression: 매 반복 시행 후 평가되는 부분
  • 블록 스코프 생성
for (let i=0; i < 6; i++) {
  console.log(i) // 0, 1, 2, 3, 4, 5
}

 

- for ... in

  • 주로 객체의 속성들을 순회할 때 사용
  • 배열도 순회 가능하나, 인덱스 순으로 순회한다는 보장이 없음
  • 실행할 코드는 중괄호{} 안에 작성
  • 블록 스코프 생성
const capitals = {
  Korea: '서울',
  France: '파리',
  USA: '워싱턴 D.C.',
}

for (let capital in capitals) {
  console.log(capital) // Korea, France, USA
}

 

- for ... of

  • 반복 가능한(iterable) 객체를 순회하며 값을 꺼낼 때 사용
    • 반복 가능한 객체: Array, Map, Set, String 등
  • 실행할 코드는 중괄호{} 안에 작성
  • 블록 스코프 생성
const fruits = ['딸기', '바나나', '메론']

for (let fruit in fruits) {
  console.log(fruit) // 딸기, 바나나, 메론
}
728x90

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

[JS] AJAX, Concurrency model, Promise, Axios  (0) 2021.11.14
[JS] 배열 관련 메서드  (0) 2021.11.12
[JS] 함수  (0) 2021.11.12
[JS] 식별자, 변수, 타입, 연산자  (0) 2021.11.12
[JS] DOM 조작 (선택, 변경)  (0) 2021.11.12

댓글