Dev-dotoli TIL

JS 9 조건문




조건문

demo5.html

- if

조건문: 주어진 조건에 따라 어플리케이션을 다르게 동작하도록 하는 문법
if(조건) {실행할 명령}

아래와 같이 조건이 true일때만 { }명령을 실행함

  • 조건문과 Boolean은 서로 땔 수 없는 관계
if (true) {
  alert("result : true");
}
//결과 true
//if뒤 조건에 true가 오면 { } 안에 명령이 실행된다

if (false) {
  alert("result: true");
}
//결과 아무것도 실행안됨(에러는 없음)


예제

if (true) {
  alert(1);
  alert(2);
  alert(3);
  alert(4);
}
alert(5);
// 1-4 순차적실행 후 5

if (false) {
  alert(1);
  alert(2);
  alert(3);
  alert(4);
}
alert(5);
// 1-4 false라 실행하지않고 바로 5



- else

if만으로는 복잡한 상황을 처리하기 부족함

if (true) {
  alert(1);
} else {
  alert(2);
} //결과:1 조건이 true라서 alert(1);을 실행함

if (false) {
  alert(1);
} else {
  alert(2);
}
//결과:2 조건이 false라 alert(1);을 실행하지않고 alert(2);를 실행함



- else if

else if는 더 풍부하게 조건문을 사용할 수 있게함

  • if 나 else와는 다르게 여러개가 올 수 있음
  • else if의 조건이 모두 false이면 else가 실행됨


아래처럼 else if는 더 다양한 케이스의 조건을 검사할 수 있는 기회를 제공함

if (false) {
  alert(1);
} else if (false) {
  alert(2);
} else if (true) {
  alert(3);
} else {
  alert(4);
} //결과:3

if (false) {
  alert(1);
} else if (false) {
  alert(2);
} else if (false) {
  alert(3);
} else {
  alert(4);
} //결과:4