[JavaScript] 조건문

조건문

특정한 조건을 만족함에 따라(참인 경우) 코드가 실행되도록 하는 문법

(1) if

if문은 주어진 조건식의 참(true)/거짓(false) 여부에 따라 실행이 결정되기 때문에 조건식은 결과가 boolean 타입이 되도록 작성해야 한다.

if (조건식) {
	console.log('hello world');
   //조건식이 `참(true)`일 때 콘솔에 ‘hello world’이 출력.
}

if 뒤 소괄호 안에 조건식이 참으로 평가된 경우 코드블록 내부의 코드가 실행된다.
조건식을 상황에 맞게 작성하면 특정 상황에만 코드가 실행되도록 할 수 있다.

(2) else / else if

if문을 사용하여 조건식이 true일 때만 코드가 실행되도록 할 수 있었다.
조건이 true일 때, 그리고 false일 때 각각 다른 코드가 실행되도록 하기 위해서는 else문을 사용한다.

let num = 5;
if (num % 2 === 0) {
	console.log('짝수입니다.'); // 조건식이 참일 때 실행.
} else {
	console.log('홀수입니다.'); // 조건식이 참이 아닐 때 실행.
}

else문은 독립적으로 사용할 수 없고, if문 바로 뒤에 작성해야 한다.
if와 else문은 두 번 이상 사용할 수 없다.


만약 if가 false일 경우에 조건을 더 추가하고 싶다면 else if를 사용할 수 있다. else if는 여러 번 사용이 가능하다.

let age = 15;
if (age < 8) {
  console.log('미취학아동입니다.');
} else if (age >= 8 && age < 14) {
  console.log('초등학생입니다.');
} else if (age >= 14 && age < 17) {
  console.log('중학생입니다.'); // '중학생입니다.'
} else if (age >= 17 && age < 20) {
  console.log('고등학생입니다.');
} else {
  console.log('성인입니다.');
}

연산자(Operator)

동치연산자 (===)

===는 두 피연산자가 동일하면 true, 그렇지 않으면 false를 반환한다.
!==는 반대로 두 피연산자가 동일하지 않으면 true, 동일하면 false를 반환.

let name = 'kimcoding';
if (name === 'kimcoding') {
	console.log('중복된 이름입니다.'); // '중복된 이름입니다.'
}

let name = 'parkhacker';
if (name !== 'kimcoding') {
	console.log('가입할 수 있는 이름입니다.'); // '가입할 수 있는 이름입니다.'

비교연산자(> , < , >= , <=)

비교연산자는 두 피연산자의 값의 크기를 비교한다. 수학에서의 부등호 기호의 사용법과 유사.

let num = 5;
if (num < 10) {
	num = num + 1;
}
console.log(num); // 6

if (num > 5) {
	num = num - 1;
}
console.log(num); // 5

논리연산자(&&, ||)

논리합(||)과 논리곱(&&)을 사용하면 복수의 조건을 작성할 수 있다.
논리합(||)은 여러 조건 중 하나만 true여도 true로 판단됩니다.
논리곱(&&)은 여러 조건 중 하나라도 false이면 false로 판단됩니다.

let age = 15;
if (age > 13 && age <= 19) {
	console.log('청소년입니다.'); // '청소년입니다.'
}

부정연산자(!)

부정연산자는 조건을 부정합니다.
조건이 true이면 false, 조건이 false이면 true를 리턴합니다.

let num = 11;
if (!(num === 10)) {
	console.log('변수 num은 10이 아닙니다.'); // '변수 num은 10이 아닙니다.'
}