제어 구문

function roll() {
  return Math.ceil(Math.random() * 6)
}

function game() {
  const result = roll()

  alert(`결과: ${result}`)

  // if...else 구문
  if (result >= 4) {
    // 괄호 안의 조건을 만족하면, 즉 결과값이 true 이면
    // 이 영역의 코드가 실행된다.
    alert('당신이 이겼습니다!')
  } else {
    // 위 조건을 만족하지 않으면, 즉 결과값이 false 이면
    // 대신 이 영역의 코드가 실행된다.
    alert('당신이 졌습니다.')
  }
}

game()

if (result === 6) {
  alert('당신은 운이 좋군요!')
}

if (result === 6) alert('당신은 운이 좋군요!')

function roll() {
  return Math.ceil(Math.random() * 6)
}

function game() {
  const result = roll()

  alert(`결과: ${result}`)

  if (result >= 5) {
    alert('당신이 이겼습니다!')
  } else {
    // 중첩된 if...else 구문
    if (result >= 3) {
      alert('비겼습니다.')
    } else {
      alert('당신이 졌습니다.')
    }
  }
}

game()

if (result >= 5) {
  alert('당신이 이겼습니다!')
} else if (result >= 3) {
  alert('비겼습니다.')
} else {
  alert('당신이 졌습니다.')
}

function translateColor(english) {
  if (english === 'red') {
    return '빨강색'
  } else if (english === 'blue') {
    return '파랑색'
  } else if (english === 'purple' || english === 'violet') {
    return '보라색'
  } else {
    return '일치하는 색깔이 없습니다.'
  }
}

function translateColor(english) {
  let result
  switch (english) {
    case 'red':
      result = '빨강색'
      break
    case 'blue':
      result = '파랑색'
      break
    case 'purple':
      result = '보라색'
      break
    case 'violet':
      result = '보라색'
      break
    default:
      result = '일치하는 색깔이 없습니다.'
  }
  return result
}

translateColor('blue') // '보라색'

function translateColor(english) {
  let result
  switch (english) {
    case 'red':
      result = '빨강색'
      break
    case 'blue':
      result = '파랑색'
      break
    case 'purple':
    case 'violet':
      // 이 코드 영역은 english 변수의 값이 'purple'일 때와 'violet'일 때 모두 실행됩니다.
      result = '보라색'
      break
    default:
      result = '일치하는 색깔이 없습니다.'
  }
  return result
}

let i = 0 // 초기값

while (i < 5) {
  // 위 괄호의 값이 `true`인 동안에는
  // 이 안쪽의 코드를 반복해서 실행시킵니다.
  console.log(`현재 i의 값: ${i}`)
  i++ // 갱신
}

console.log('루프가 종료되었습니다.')

do {
  console.log('do...while!')
} while (false) // 절대 `true`가 될 수 없지만, 루프는 1회 실행됩니다.

// for (초기값 정의; 실행 조건; 갱신) { ... }
for (let i = 0; i < 5; i++) {
  console.log(`현재 i의 값: ${i}`)
}
console.log('루프가 종료되었습니다.')

const arr = [1, 2, 3, 4, 5]

for (let i = 0; i < arr.length; i++) {
  console.log(`배열의 ${i + 1} 번째 요소는 ${arr[i]} 입니다.`)
}

const arr = [1, 2, 3, 4, 5]

arr.forEach((item, index) => {
  console.log(`배열의 ${index + 1} 번째 요소는 ${item} 입니다.`)
})

const arr = [1, 2, 3, 4, 5]

for (let item of arr) {
  console.log(`현재 요소는 ${item} 입니다.`)
}

alert('퀴즈를 시작합니다.')
while (true) {
  const answer = prompt('빨강의 보색은 무엇일까요?')
  if (answer === '초록') {
    alert('정답입니다! 🎉')
    break // 루프를 종료하고 다음 코드로 넘어감
  } else {
    alert('틀렸습니다! 다시 시도해보세요.')
  }
}
alert('퀴즈가 끝났습니다.')

for (let i = 1; i < 100; i++) {
  console.log(`현재 숫자는 ${i} 입니다.`)
  if (i % 7 !== 0) {
    continue // 루프의 나머지 코드를 건너뜀
  }
  console.log(`${i}는 7의 배수입니다.`)
}

function translateColor(english) {
  switch (english) {
    case 'red':
      return '빨강색'
    case 'blue':
      return '파랑색'
    case 'purple':
    case 'violet':
      return '보라색'
    default:
      return '일치하는 색깔이 없습니다.'
  }
}

function translateColor(english) {
  switch (english) {
    case 'red':
      return '빨강색'
    case 'blue':
      return '파랑색'
    case 'purple':
    case 'violet':
      return '보라색'
    default:
      throw new Error('일치하는 색깔이 없습니다.')
  }
}