조건문✍️

zioni·2022년 7월 16일
0

Javascript

목록 보기
3/6
post-thumbnail

조건문(if)

  • 조건문은 주어진 코드에 따라 코드를 실행하거나 실행하지 않는 문입니다.
  • if 뒤에 나오는 소괄호 안에 조건(식)을 넣고, 다음 줄에 실행문을 넣으면 됩니다.
  • 형식
if (조건식){
    실행문
  }
  • 조건식이 참인 값이면 내부의 실행문이 실행되고, 거짓인 값이면 실행문이 실행되지 않습니다.
 if (true) {
    console.log('Hello, if!');
  }
  Hello, if!
< undefined 
> if (false) {
    console.log('Hello, if!');
  }
< undefined 

기억해야 할 6가지 falsy 값

false

0

NaN (Not a Number)

null

undefined

" " (빈 문자열)

else 사용해 거짓인 값 구현

  • else 문을 사용해 조건이 true인 경우와 false인 경우
  • 형식
if (조건식) { // 조건식이 참인 값일 때 실행
  실행문;
} else { // 조건식이 거짓인 값일 때 실행
  실행문;
} 
  • else if를 사용해 여러 방향으로 분기하기
if (조건식) {
  실행문;
} else if (조건식) {
  실행문;
} else {
  실행문;
} 
  • else if 문 사용해보기
 const score = 90;
  if (score >= 90) { //  90점 이상
    console.log('A+');
  } else if (score >= 80) { //  80점 이상
    console.log('A');
  } else if (score >= 70) { //  70점 이상
    console.log('B+');
  } else if (score >= 60) { //  60점 이상
    console.log('B');
  } else { //  60점 미만
    console.log('F');
  }

 //  A+  

중첩 if 문 사용하기

  • 조건문도 문이므로 중괄호 안에 다시 넣을 수 있습니다.
  let first = true;
  let second = false;
  if (first) {
    console.log('첫 번째 조건 충족!');
    if (second) {
      console.log('두 번째 조건도 충족!');
    } else {
      console.log('두 번째 조건은 불충족!');
    }
  } else {
    console.log('첫 번째 조건 불충족!');
  }

  첫 번째 조건 충족!
  두 번째 조건은 불충족!  

조건문(switch)

  • switch 옆 소괄호 조건식의 값이 case의 비교 조건식 값과 일치(===)하면 해당 실행문이 실행됩니다.
  • 비교 조건식에는 변수와 비교할 값을 넣습니다.
  • 형식
let value = 'A';
  switch (value) {
    case 'A':
      console.log('A');
  }

 // A 
  • if 문의 else if처럼 여러 방향으로 분기할 수도 있습니다. case를 여러 번 사용하면 됩니다.
let value = 'B';
  switch (value) {
    case 'A':
      console.log('A');
    case 'B':
      console.log('B');
    case 'C':
      console.log('C');
  }

  B
  C
  • switch 문은 일치하는 case를 발견하면 일치 여부와 상관없이 그 아래 case들의 실행문을 모두 실행합니다.
  • 원하는 결과만 얻으려면 수동으로 case에서 빠져나와야 합니다. 이때 break 문이 사용됩니다.
 let value = 'B';
  switch (value) {
    case 'A':
      console.log('A');
      break;
    case 'B':
      console.log('B');
      break;
    case 'C':
      console.log('C');
      break;
  }
  // B
  • 어떠한 case도 일치하지 않을 때 실행하는 case도 만들 수 있습니다. 이때는 case 대신 default라는 특수한 예약어를 사용합니다.
let value = 'F';
  switch (value) {
    case 'A':
      console.log('A');
      break;
    case 'B':
      console.log('B');
      break;
    case 'C':
      console.log('C');
      break;
    default:
      console.log('아무것도 일치하지 않음');
  }

  // 아무것도 일치하지 않음

조건문 연산자 사용하기(삼항 연산자)

  • 형식
    조건식 ? 참일 때 실행되는 식 : 거짓일 때 실행되는 식
5 > 0 ? '참입니다' : '거짓입니다';
// "참입니다"

0개의 댓글