TIL 03 JavaScript 조건문 논리연산자

1.  조건문

조건문은 조건식이 참 혹은 거짓에따라서 코드의 실행을 결정한다.

조건식이 참이면 해당 코드블록이 실행되고 거짓이면 다음 조건식으로 넘어간다.

 

if(조건식) {
	// 조건식이 참이면 코드블록이 실행됨
} else {
	// 위 조건식이 거짓이면 위 코드블록을 스킵하고
    	// 현재 코드블록이 실행됨
}

 

위 코드가  기본적인 자바스크립트의 조건문이다.  if문 else문 두개로 이루어진 조건문에서는 if문 조건식이 거짓이면 밑에 있는 

else구문 코드블럭은 반드시 실행된다.

 

let name = 'Code Jeon';

if(name === 'Code Jeon') {
	console.log('Hello!!')		// 참이기때문에 Hello!! 출력
 } else {
 	console.log('Who are you?')	// 위 조건식이 실행되면 아래에 있는 코드블럭들은 스킵한다
}

let number = 5;

if(number === 10) {
	console.log('숫자 10입니다')	// 조건식 거짓  코드블럭 스킵한다
} else {
	console.log('숫자 10이 아닙니다')	// 위 조건식이 거짓이라 else구문 코드블럭 실행
}

 

위의 조건식에서 변수 name이 'Code Jeon'인지 아닌지 판별하는 조건문이다. 'Code Jeon'이기 때문에 위 조건식이 참을 만족한다.

그래서 Hello!!!가 출력이된다. 위 조건식이 실행됐기 때문에 else구문에 있는 코드블럭은 실행이 안된다.

조건식을 두개이상 사용할려면 else if 문을 추가하면 된다. if문과 else문은 2번 이상 사용할 수 없지만 else if문은 2번이상 사용이

가능하다.

 

let num = 9;

if(num < 3){
	console.log('3보다 작은 숫자입니다')
} else if (num < 7) {
	console.log('7보다 작은 숫자입니다.')
} else if (num < 10) {
	console.log('10보다 작은 숫자입니다.')   // 이구문에서 조건식을 만족한다 10보다 작은 숫자입니다 출력
} else {
	console.log('모르겠습니다.')
}

 

처음부터 차례대로 조건식이 만족하는지 확인하면서 내려간다. 첫번째 if문, else if문에서 조건식을 만족하지 않기때문에 넘어간다.

두번째 else if문 조건식 변수 num이 10보다 작다는것을 만족하기때문에 안에 있는 코드블럭이 실행된다. 

코드블럭에 있는 출력문을 실행하고 아래있는 else구문은 실행하지않고 조건문은 종료가 된다.

 

2. 논리연산자

자바스크립트 논리연산자에는 AND( && ) OR( | | )이 존재한다.

OR( |  | ) 연산자

OR( | | ) 연산자	평가
true | | true	true
true | | false	true
false | | false	false
'apple' | | 'melon'	'apple'
true | | 'melon'	true
false | | 'melon'	'melon'
'apple' | | true	'apple'

 

OR( | | )연산자는 피연산자중 하나라도 true로 평가되면 true를 반환한다. 피연산자 두개 다  값 또는 true라면 좌항에 있는것을 

반환한다. 

 

let mind = false;
let name = mind || '미확인'

console.log(name);	// '미확인' 출력

 

OR( | | )연산자를 이용해서 위코드에서 name 변수에다 mind가 false면 '미확인'을 할당한다.

AND( && ) 연산자

AND( && ) 연산자	평가
true && false	false
false && false	false
true && true	true
true && 'apple'	'apple'
'apple' && true	true
'apple' && 'melon'	'melon'
'melon' && false	false

 

AND( && ) 연산자는 피연산자가 둘 다 true여야 true를 반환하고 그 외에는 false를 반환한다. 

피연사자 둘다 값 또는 true라면 우항에 있는 것을 반환한다

 

let name = 'Jeon';
let mind = true
let myName = mind && name;
console.log(myName);	// 'Jeon' 출력

 

위 코드에서 논리 연산자를 이용하면 if문을 사용하지 않고 간단한 조건문을 사용할 수 있다.

변수 myName은 mind가 true면 name을 할당한다는 내용이다. myName에는 'Jeon'을 할당하게 된다.