[JavaScript] 조건문

제어문

프로그램 구문이 무조건 순차적으로 실행되는 것이 아니라 주어진 조건을 판별하여 선택적 혹은 반복적으로 실행 여부를 결정하도록 흐름을 제어하는 코드 작성 기법이다.
즉, 프로그램의 순차적인 흐름을 제어할 때 사용하는 실행문을 제어문이라고 부른다.
제어문의 종류에는 조건문, 반복문 등이 포함되어 있다.

---

조건문

프로그램 내에 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다.
가장 기본이 되는 실행문은 if문이며, if문을 베이스로 여러 실행문이 존재한다.

 

if문

주어진 조건식이 true인 경우에만 블록({})안을 실행하는 구문 형태이다.

if (조건식) {
	조건이 true인 경우에 실행할 명령
}

1. 조건식에 따른 구분

• 논리 값을 사용한 경우
  • true나 false를 저장하고 있는 변수를 조건으로 지정한다.

let a = true;
if(a) {
	console.log("a는 참 입니다.") // a는 참이므로 실행
}

let b = false;
if(b) {
	console.log("b는 거짓 입니다.")// b는 거짓이므로 실행하지 않음
}

• 숫자형 값을 사용한 경우
  • 숫자형인 경우, 0은 false, 다른 모든 수는 true로 식별된다.

let a = 1;
if(a) {
	console.log("a는 참 입니다.") // a는 참이므로 실행
}

let b = 0;
if(b) {
	console.log("b는 거짓 입니다.")// b는 거짓이므로 실행하지 않음
}

• 문자열 값을 사용한 경우
  • 빈 문자열("")은 false이며, 내용이 한 글자라도 포함된 문자열은 true로 식별된다.
  • 문자열 변수를 조건으로 사용하는 경우는 문자열에 내용이 포함되어 있다면? 으로 해석된다.

let a = "a";
if(a) {
	console.log("a는 참 입니다.") // a는 참이므로 실행
}

let b = "";
if(b) {
	console.log("b는 거짓 입니다.")// b는 거짓이므로 실행하지 않음
}

• 비교식을 사용한 조건문
  • ()안의 식이 true인 경우, {} 안의 구문이 실행된다.

let a = 1;
let b = 2;

if(a<b) {
	console.log("a는 b보다 작습니다") // a<b는 참이므로 실행
}

if(a>b) {
	console.log("a는 b보다 큽니다") // a>b는 거짓이므로 실행하지 않음
}

• 논리식을 사용한 조건문

/** &&연산은 모든 값이 true인 경우에만 결과가 true **/

let a = true;
let b = true;
let c = false;

if (a && b) {
    console.log("안녕하세요") //조건이 모두 참이므로 실행
}

if (a && c) {
    console.log("안녕하세요") //c가 거짓이므로 실행하지 않음
}

/** ||연산은 하나라도 true가 포함된다면 결과가 true **/

let a = true;
let b = true;
let c = false;
let d = false;

if (a || b) {
    console.log("안녕하세요") //조건이 모두 참이므로 실행
}

if (a || c) {
    console.log("안녕하세요") //a가 참이므로 실행
}

if(c || d) {
	console.log("안녕하세요") //조건이 모두 거짓이므로 실행하지 않음
}

/** !연산자는 논리 값을 부정 **/

let a = false;

if (!a) {
    console.log("안녕하세요") //참이므로 실행
}

let b = true;

if (!b) {
    console.log("안녕하세요") //거짓이므로 실행하지 않음
}

2. 문자열을 사용한 조건문

문자열도 true, false를 판단할 수 있으므로 !로 처리가 가능하다.
문자열에 대해 not 연산자를 적용할 경우, 내용이 없다면? 으로 해석된다.

let a = "";

if (!a) {
     console.log("안녕하세요") //참이므로 실행
}

let b = "...";

if (!b) {
   console.log("안녕하세요") //거짓이므로 실행하지 않음
}

 

if ~ else 문

if문은 조건이 참인 경우에만 수행되고, 조건이 거짓인 경우 수행되지 않는다.
if문 뒤에 else문을 덧붙여 조건이 거짓인 경우에 수행되는 구문을 추가할 수 있으며, else문은 if문 뒤에만 위치할 수 있고, 독립적으로 존재할 수 없다.

if (조건식) {
    ... 조건이 참인 경우에 실행할 명령 ...
} else {
    ... 조건이 참이 아닌 경우에 실행할 명령 ...
}

const age = 19;

if (age > 19) {
    console.log("성인입니다."); //거짓이므로 실행되지 않고 다음(else문)으로 넘어간다.
} else {
    console.log("성인이 아닙니다.") //참이므로 실행된다.
}

 

if ~ else if ~ else 문

여러가지 경우의 수를 나열할 수 있는 조건문이다. 순차적으로 조건을 판별하면서 가장 처음 만나는 true 조건의 블록을 수행하고 빠져나가게 된다.

if (조건식1) {
    ... 조건이 참인 경우에 실행할 명령 ...
} else if (조건식2) {
    ... 조건이 참인 경우에 실행할 명령 ...
} else if (조건식3) {
    ... 조건이 참인 경우에 실행할 명령 ...
} else if (조건식n) {
    ... 조건이 참인 경우에 실행할 명령 ...
} else {
    ... 조건이 참이 아닌 경우에 실행할 명령 ...
}

const point =72;

if (point > 90) {
    console.log("A학점"); // 거짓이므로 실행되지 않고 넘어간다
} else if (point > 80) {
    console.log("B학점"); // 거짓이므로 실행되지 않고 넘어간다
} else if (point > 70) {
    console.log("C학점"); // 참이므로 실행된다.
}else if (point > 60) {
    console.log("D학점"); // 전에 실행되어 실행되지 않고 넘어간다
}else {
    console.log("F학점"); // 전에 실행되어 실행되지 않고 넘어간다
}

/** 결과 **/
C학점

 

switch 문

1. 기본 구문

하나의 변수나 수식에 대한 여러가지 경우의 수를 나열하는 형식으로, 조건에 맞는 case 블록부터  reak 키워드를 만날 때까지 실행된다. switch의 조건을 식으로 설정하는 것도 가능하다.
마지막의 default는 모든 케이스를 충족하지 않을 경우 실행되며, 필요 없다면 생략도 가능하다.

switch (변수) {
    case 1:
        ... 실행할 명령 ...
        break;
    case 2:
        ... 실행할 명령 ...
        break;
    case n:
        ... 실행할 명령 ...
        break;
    default:
        ... 실행할 명령 ...
        break;
}

const 국어 = "B";

switch (국어) {
    case 'A':
    console.log("A학점입니다.");
    break;
    case 'B':
    console.log("B학점입니다.");
    break;
    case 'C':
    console.log("C학점입니다.");
    break;
    default:
    console.log("C학점 미만입니다.");
    break;
}

/** 결과 **/
B학점입니다.

2. break가 없는 경우

중단점이 없기 때문에 그 아래 블록까지 함께 실행된다. 필요에 따라 의도적으로 break의 위치 조절이 가능하며, 수행해야 할 로직이 동일할 경우 가능하다.

/** break가 없는 경우 **/
const 영어 = "B";

switch (영어) {
    case 'A':
    console.log("A학점입니다.");
    case 'B':
    console.log("B학점입니다.");
    case 'C':
    console.log("C학점입니다.");
    default:
    console.log("C학점 미만입니다.");
}

/** 결과 **/
B학점입니다.
C학점입니다.
C학점 미만입니다.

/** 의도적으로 break 조절하기 **/
const 수학 = "B";

switch (수학) {
    case 'A':
    case 'B':
    case 'C':
        console.log("PASS");
        break;
    default:
        console.log("NONPASS");
        break;
}

/** 결과 **/
PASS

/** break의 조건을 식으로 설정하는 경우 **/
const 과학 = 72;

switch (과학 > 70) {
    case true:
        console.log("PASS");
        break;
    default:
        console.log("NONPASS");
        break;
}

/** 결과 **/
PASS