[JS] JavaScript 정리하기 (3) - 조건문과 반복문

오늘은 조건문과 반복문에 대해 알아보자

 

코딩을 하다 보면 조건문과 반복문은 무슨 언어에서든 빠질 수 없는 중요한 거라는 사실은 다들 알고 있을 거다.

 

그러니 잘 공부해보자...

 

---

조건문

• if 문
  • if, else if, else
  • 조건은 소괄호()안에 작성
  • 실행할 코드는 중괄호{}안에 작성

const name = 'manager'

if (name === 'admin'){
  console.log('관리자님 환영합니다.')
} else if (name == 'manager'){
  console.log('매니저님 환영합니다.')
} else{
  console.log(`${name}님 환영합니다.`)
}

 

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

const name = '홍길동'

switch(name) {
  case '홍길동' : {
    console.log('관리자님 환영합니다.')
    break
  }
  case 'manager' : {
    console.log('매니저님 환영합니다.')
    break
}
  default: {
      console.log(`%{name}님 환영합니다.`)
  }

 

 

---

반복문

 

• while

let i = 0

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

 

• for

for ([초기문]; [조건문]; [증감문]) {
  // do something
}

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

 

• for ... in
  • 객체(object)의 속성을 순회할 때 사용
  • 배열도 순회 가능하지만 인덱스 순으로 순회한다는 보장이 없어서 권장하지 않음

const fruits = { a: 'apple', b: 'banana' }

for (const key in fruits){
  console.log(key) // a, b
  console.log(fruits[key]) // apple, banana
}

 

• for ... of
  • 반복 가능한 객체를 순회할 때 사용
  • 반복 가능한 (iterable) 객체의 종류 : Array, Set, String

const numbers = [0, 1, 2, 3]

for (const number of numbers) {
  console.log(number) // 0, 1, 2, 3
}

 

• for ... in 과 of의 차이
  • for ... in은 속성 이름을 통해 반복
  • for ... of는 속성 값을 통해 반복
  • 이러한 차이 때문에 of는 보통 배열에서 사용하고 in은 객체에서 사용한다

const arr = [3, 5, 7]

for (const i in arr){
  console.log(i) // 0 1 2
}

 for (const i of arr){
  console.log(i) // 3 5 7
}