JS 조건문(...if)

if 문

if (조건식) { // 조건식의 타입은 boolean(true / false)이 되도록
	// 내부 코드
}

• if문은 주어진 조건식의 참 / 거짓 여부에 따라 내부 코드의 실행이 결정된다.
• 조건식은 boolean타입이 되도록 작성해야 한다. 

 

 동치 연산자 ( === )

'a' === 'a' // true

'a' === 'b' // false

'a' !== 'a' // false

'a' !== 'b' //true

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

 

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

10 < 20 // true

10 > 20 // false

10 >= 10 // true

10 <= 5 // false

• 비교연산자는 두 피연산자의 값의 크기를 비교한다.
• 기본적으로 수학에서의 부등호와 비슷하다.

 

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

true && true && true // true
true && false && true // false

true || true || true  // true
true || false || false // true

• 논리합과 논리곱을 사용하면 복수의 조건을 사용 가능하다.
• ||(논리합)는 여러 조건 중 하나만 true여도 true를 &&(논리곱)는 모두 true여만 true를 반환한다.

 

부정 연산자 ( ! )

!true // false

!false // true

• 부정 연산자는 true라면 false, false라면 true를 리턴한다.

 

else 문

if(조건식) {
	// 내부 코드 if의 조건식이 true일 경우 실행  
}else if(조건식){
	// 내부 코드 if의 조건식이 false이고 else if의 조건식이 true일 경우 실행 
}else{
	// 내부 코드 if의 조건식이 false이고 else if의 조건식이 false일 경우 실행 
}

• if 조건이 false이고 다른 코드를 실행하고 싶을 때 사용한다.
• else에도 조건을 넣고 싶다면 else if를 사용하면 된다.
• else는 한 번밖에 사용할 수 없지만 else if는 여러 번 사용이 가능하다.

 

삼항 조건 연산자 ( 조건식 ? true : false ) 

if(조건식) {
	// 내부 코드
}else{
	// 내부 코드
}

// 삼항조건연산자
조건식 ? if 내부 코드 : else 내부 코드

• 삼항 조건 연산자를 활용하는 것은 편리할 뿐만 아니라 가독성도 좋다.
• 그러나 조건에 따라 실행해야 할 내용이 복잡하다면, if문과 else문을 사용하는 것이 좋다.