[JavaScript] 2. 조건문과 반복문

개인적으로 JavaScript를 공부하고 그 흔적을 남기는 곳입니다.

 

 

1. 조건문 (if, switch)

1-1) if statement

• 조건 표현식의 결과 값을 Boolean 타입으로 변환 후 참/거짓을 판단
• 조건은 소괄호 안에 작성하고, 실행할 코드는 중괄호 안에 작성한다.

const username = 'admin'

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

 

1-2) switch statement

• 조건 표현식의 결과 값이 어느 case에 해당하는지 판별
• 조건이 많을 경우에는 if문보다 가독성이 높다.
• break문을 쓰지 않으면 break 혹은 default를 만날 때 까지 계속 다음 조건문을 실행한다.
• default문은 모든 case를 만족하지 않을 경우 실행되는 곳이다.

const numOne = 10
const numTwo = 100
const operator = '+'

switch (operator) {
  case '+':
    console.log(numOne + numTwo)
    break
  case '-':
    console.log(numOne - numTwo)
    break
  case '*':
    console.log(numOne * numTwo)
    break
  case '/':
    console.log(numOne / numTwo)
    break
  default:
    console.log('유효하지 않은 연산자입니다.')
}

 

---

 

2. 반복문 (while, for, for in, for of)

2-1) while

• 조건문이 true인 동안에는 반복적으로 시행
• 조건은 소괄호안에 작성하고 실행할 코드는 중괄호 안에 작성한다.

let evenNumber = 0

while (evenNumber < 6) {
  console.log(evenNumber)
  evenNumber += 2
}

 

2-2) for

• 소괄호 안에는 initialization, condition, expression 세 부분으로 구성
  • initialization : 최초 반복문 진입시 한번만 실행되는 부분
  • condition : 매 반복 시행 전 평가되는 부분
  • expression : 매 반복 시행 이후 평가되는 부분

for (let oddNumber = 1; oddNumber < 5; oddNumber += 2) {
  console.log(oddNumber)
}

 

2-3) for in

• 객체(object)의 속성들을 순회할 때 사용
• 배열도 순회는 가능하다! 하지만 권장하지 않는다. 왜냐면 순서를 보장하지 않기 때문이다.

// javascript object
const bestMovie = {
  title: '벤자민 버튼의 시간은 거꾸로 간다',
  releaseYear: 2008,
  actors: ['브래드 피트', '케이트 블란쳇'],
  genres: ['romance', 'fantasy'],
}

for (let movie in bestMovie) {
  console.log(`${movie}: ${bestMovie[movie]}`)
}

 

2-4) for of

• Iterable한 객체를 순회하며 값을 꺼낼 때 사용
• 배열의 순회는 for of를 이용하면 좋다.
• 객체(object)는 iterable하지 않기 때문에 for of로 순회하려고 하면 에러가 발생한다.

// array
const movies = [
  {title: '어바웃 타임'},
  {title: '굿 윌 헌팅'},
  {title: '인턴'},
]

for (let movie of movies) {
  console.log(`title: ${movie['title']}`)
}