[JavaScript] if문 종류 알아보기

1. if문

 

if문 기본 형식

if (조건식) { //조건이 참인 값이 실행
	실행문;
} else {  //조건이 거짓인 값이 실행
	실행문;
}

 

let value = '사과';
let condition = false;

if (condition) {  //condition은 false이므로 바나나가 실행되지 않음
    value='바나나';
} else {  //else로 들어간 value값은 포도이므로 출력은 포도가 된다.
    value='포도';
}

//결과: 포도

 

 

---

2.  else-if 문

 

else-if문 기본 형식

if (조건식) {
	동작문;
} else if (조건식) {
	동작문;
} else {  //위 조건에 모두 해당이 안될 경우 else
	동작문;
}

📌if는 필수이며, else if 와 else 는 선택이다.

 

const score = 90;
if (score>=90) {
    console.log("A+");
} else if (score<90 && score>=80) {
    console.log("A");
} else if (score<80 && score>=70) {
    console.log("B+");
} else if (score<70 && score>=60) {
    console.log("B");
} else {
    console.log("C");
}


//A+

코드를 더 정리하면 아래처럼 정리 할 수 있다.

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 {
    console.log("C");      //이외
}

 

---

3. 중첩 if문

let first=true;
let second=false;
if(first){
    console.log('첫 번째 조건 충족!');
 if (second) {
    console.log('두 번째 조건 충족!');
} else {
    console.log('두 번째 조건 불충족!');
}
} else {
    console.log('첫 번째 조건 불충족!');
}

중첩 if문은 피하는 것이 좋다.(가독성 저하)

 

 

&& (AND)연산자 사용

first && second 둘 중 second가 거짓이므로 첫 번째 if문은 거짓이 된다.

else if문으로 넘어감.

first는 true이므로 console에 출력은 첫번째 조건 충족, 두번째 조건 불충족이 나온다.

(그 다음 else 는 확인하지 않는다. 왜냐하면 true가 나왔기 때문)

 

논리연산자

 

---

if문을 이용해 '사과입니다' 출력해보기.

let fruit='사과';
if(fruit==='사과') {
    console.log('사과입니다.');
} else if (fruit==='배') {
    console.log('배입니다.');
} else {
    console.log('모르겠습니다.');
}

//사과입니다.

 

switch문을 이용해 출력해보기.

let fruit = '사과';
switch (fruit) {
    case '배':
    console.log('배입니다.');
    break;
    case '사과':
    console.log('사과입니다.');
    break;
    default:
    console.log('과일에 해당하지 않습니다.');
}