자바스크립트 조건문에 대해 알아보자

01.if 문

if문은 주어진 조건이 참(true)인 경우에만 특정한 코드 블록을 실행합니다. 조건이 거짓(false)이면 실행하지 않습니다. if문의 구조는 다음과 같습니다.

let x = 15;

if (x > 10) {
  console.log("x는 10보다 큽니다.");
}

//결과값 : x는 10보다 큽니다.

02.중첩if문

중첩 if문은 if문 안에 또 다른 if문을 사용하는 것을 말합니다. 이러한 구조를 사용하여 복잡한 조건을 처리할 수 있습니다.

let x = 10;
let y = 5;

if (x > 0) {
  if (y > 0) {
    console.log("x와 y는 모두 양수입니다.");
  } else {
    console.log("x는 양수이지만 y는 음수입니다.");
  }
} else {
  console.log("x는 음수입니다.");
}

//결과값 : "x와 y는 모두 양수입니다."

03.다중if문

자바스크립트에서 다중 if문은 여러 개의 if문을 사용하여 조건에 따라 서로 다른 코드 블록을 실행하는 구조입니다. 이 구조를 사용하면 여러 가지 경우의 수를 처리할 수 있습니다. 다중 if문은 여러 가지 경우의 수를 처리할 때 유용하지만, 조건이 많아질수록 코드의 가독성이 나빠지므로 가능한 한 간결하고 이해하기 쉬운 구조를 사용하는 것이 좋습니다.

const num = 100;
if(num == 90){
	document.write("실행되었습니다.(num == 90)");
} else if (num == 100){
    document.write("실행되었습니다.(num == 100)");
}else if (num == 110){
    document.write("실행되었습니다.(num == 110)");
}else if (num == 120){
    document.write("실행되었습니다.(num == 120)");
}else {
    document.write("실행되었습니다.s");
}

//결과값 : 실행되었습니다.(num == 100)

04.if_else 문

조건을 체크한 후 ture일 때 처리할 명령과 false일 때 처리할 명령이 따로 있다면 if문과 else 문을 사용합니다. 또한 if...else 문 안에 또 다른 if문이나 if..else 문을 사용할수도 있습니다.

let x = 5;

if (x > 10) {
  console.log("x는 10보다 큽니다.");
} else if (x > 5) {
  console.log("x는 5보다 큽니다.");
} else if (x > 0) {
  console.log("x는 0보다 큽니다.");
} else {
  console.log("x는 0 이하입니다.");
}

//결과값 : "x는 0보다 큽니다."

 

05.조건 연산자(삼항 연산자)

조건이 복잡하지 않고 true 와 flase가 명확할 경우 if문을 쓰지 않고 조건 연산자(삼항 연산자)만으로 조건을 체크할 수도 있습니다. 조건 연산자 ?와 :을 사용해서 조건과 실행할 명령을 지정하는데, 소스 코드를 간결하게 만들어 주므로 조건을 체크할 때 매우 유용합니다.

let x = 15;

let result = (x > 10) ? "큽니다." : "작습니다.";

console.log(result);

//결과값 : 결과 큽니다.

 

06.switch 문

체크해야 할 조건값이 많을 경에는 여러 개의 if..else 문을 사용하는 것보다 switch 문이 더 편리힙니다. switch 문 안에 있는 case 문에서 각 값에 따라 실행할 명령을 따로 구분하면 됩니다. switch 문에 조건은 case 중 하나에만 일치하고, case 문에서 각 값에 따라 실행할 명령을 따로 구분하면 됩니다.

 

let grade = "B";

switch (grade) {
  case "A":
    console.log("아주 좋습니다.");
    break;
  case "B":
    console.log("좋습니다.");
    break;
  case "C":
    console.log("보통입니다.");
    break;
  default:
    console.log("미흡합니다.");
    break;
}

//결과값 : 좋습니다.