[Basic] JavaScript 조건문

01.조건문

• 조건의 결과에 따라 다른 코드 블럭을 실행하는 구문
• if, else, else if, switch

02.if, else문

• if문은 if (조건) {내용}으로 구성되며 조건이 true면 내용이 실행된다.

let isShow = true;
let checked = false;

if(isShow) {
  console.log("Show!") // Show!
}

if(checked) {
  console.log("Checked!") 
}

let isShow = true;

if(isShow) {
  console.log("Show!");  
} else {
  console.log("Hide?");
}

2-1.if문의 중첩

• if문은 중첩시켜서 사용할 수 있습니다.

const something = true;
const moreSomething = true;

if (something) {
  console.log("I am inside something");

  if (moreSomething) {
    console.log("I am inside moreSomething");
  } else {
    console.log("I never gets called.");
  }
} else {
  console.log("I never gets called either.");
}

2-2.조건을 구체화 하기

• 조건을 여러개로 하고 싶으면 else if 문을 사용하여 조건을 구체화할 수 있으며 else if 문과 else 문은 옵션으로 사용할 수도 있고 사용하지 않을 수도 있습니다.

if (조건식1) {
  // 조건식1이 참이면 이 코드 블록이 실행된다.
} else if (조건식2) {
  // 조건식1이 거짓이면서 조건식2이 참이면 이 코드 블록이 실행된다.
} else {
  // 조건식1과 조건식2가 모두 거짓이면 이 코드 블록이 실행된다.
}

2-3.if문 간결하게 하기

• 간단한 if else문은 삼항 연산자로 바꿀 수 있습니다.

let i = 10, j;

if (i > 10) j = 15;
else j = 5;

const i = 10;
let j = i > 10 ? 15 : 5;

03.switch문

switch (c) {
 case 10: // c가 10일 때
   alert('c는 10');
   break;
 case 9: // c가 9일 때
   alert('c는 9');
   break;
 case 8: // c가 8일 때
   alert('c는 8');
   break;
 default: // 위의 경우에 해당하지 않을 때
   alert('그 외');
}

• case 뒤에는 c에 해당하는 조건을 적고 그 아래에 실행할 내용을 적는다.
• default는 else처럼 어떤 조건에도 해당이 안 될 때 실행된다.

switch문 사용 시, 주의해야할 점

• break을 적지 않으면 해당 case 아래로 모든 내용이 실행되기 때문에 case하나마다 내용 밑에 break를 적어줘야합니다.