여름의 서재

[JavaScript] 조건문 & 반복문 본문

Skill/JavaScript

[JavaScript] 조건문 & 반복문

엉아_ 2021. 11. 7. 19:51
728x90

💡 조건문

📌 'if' statement

: 조건 표현식의 결과값을 boolean 타입으로 변환 후 참/거짓으로 판단. 블록 스코프 생성.

const num = 3

if (num > 2) {
  console.log('크다')
} else if (num < 2) {
  console.log('작다')
} else {
  console.log('같다')
}

 

📌 'switch' statement

: 조건 표현식의 결과값이 어느값(case)에 해당하는지 판별. 블록 스코프 생성.

const nation = 'Korea'

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

 

- break를 하지 않으면?

: 한번 case에 걸려도 끝나지 않고 계속해서 아래 case에 해당하면 실행이 된다. (Fall-through)

 

💡 반복문

📌 while

: 조건문이 참일 동안 반복 실행. 블록 스코프 생성.

let i = 0

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

 

📌 for (initialization; condition; expression)

: 블록 스코프 생성.

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

 

📌 for ... in

: 객체의 속성들을 순회할 때 사용. 블록 스코프 생성. (객체 순회 적합)

const fruits = {
    'strawberry' : '딸기',
    'banana' : '바나나',
    'melon' : '메론'
}

for (let fruit in fruits) {
	console.log(fruit)
}
// strawberry, banana, melon

 

📌 for ... of

: 반복 가능한(iterable) 객체를 순회하며 값을 꺼낼 때 사용. 블록 스코프 생성. (배열 순회 적합)

const fruits = ['strawberry', 'banana', 'melon']

for (let fruit of fruits) {
	console.log(fruit)
}
// strawberry, banana, melon

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

[JavaScript] AJAX & Promise & Axios  (0) 2021.11.08
[JavaScript] 배열 & 객체  (0) 2021.11.07
[JavaScript] 함수  (0) 2021.11.07
[JavaScript] 변수 & 식별자 & 데이터타입  (0) 2021.11.07
[JavaScript] DOM & Event  (0) 2021.11.07
Comments