JavaScript - 조건문(Condition)에 대해 알아보자

Sonny·2019년 8월 20일
0

JavaScript

목록 보기
3/29
post-thumbnail

조건문

조건문이란? 주어진 조건식의 평가 결과에 따라 코드 블럭의 실행을 결정한다. 조건식은 Boolean값으로 평가될 수 있는 표현식이다.

조건문에는 if문switch문이 대표적이다.

1. If문

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

if (조건식) {
  // 조건식이 참이면 이 코드 블록이 실행된다.
} else {
  // 조건식이 거짓이면 이 코드 블록이 실행된다.
}

1.1 If문의 중첩

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

var something = true;
var 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.");
}

1.2 조건을 구체화 하기

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

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

또한, if 문과 else는 2번 이상 사용할 수 없지만 else if 문은 여러 번 사용할 수도 있다.

1.3 if문 간결하게 하기

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

var i = 10, j;

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

위의 코드를 삼항연산자로 바꾸게 되면 아래와 같이 한 줄로 줄일 수 있어 편리하다.

var j = i > 10 ? 15 : 5;

2. switch문

switch ~ case문은 if ~ else와 비슷하다.

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를 적어줘야한다.

참고사이트

profile
FrontEnd Developer

0개의 댓글