본문 바로가기

Javascript

[JavaScript] 조건문

  • 표현식이 거짓으로 평가될 때 (Falsy)
    • false
    • 0
    • null
    • undefined
    • NaN
  • 표현식이 참으로 평가될 때 (Truethy)
    • true
    • 24
    • 'Hyewon'
    • { }
    • [ ]
if (false) console.log(false);
if (0) console.log(false);
if ('') console.log('');
if (null) console.log(null);
if (undefined) console.log(undefined);
if (NaN) console.log(NaN);

 

→ 출력되지 않음

 

if(true) console.log(true);
if(24) console.log(24);
if(-24) console.log(-24);
if('Hyewon') console.log('Hyewon');
if({}) console.log({});
if([]) console.log([]);

 

→ 모두 출력됨

 

 

else { }

→ if에 해당되지 않을 때

const n = 24;

if(n>0) {
	console.log('n이 0보다 큰 경우');
} else {
	console.log('n이 0보다 크지 않은 경우')
}

 

const n = 24;

if(n>0) console.log('n이 0보다 큰 경우');
else console.log('n이 0보다 크지 않은 경우')

 

→ 한 줄이라면 블록을 하지 않아도 됨

 

 

else if { }

const n = 15;

if (n % 3 === 0) console.log('n은 3의 배수입니다.');
else if (n % 5 === 0) console.log('n은 5의 배수입니다.');
else console.log('n은 3의 배수도 아니고 5의 배수도 아닙니다.');

 

const multipleOfThree = n % 3 === 0;
const multipleOfFive = n % 5 === 0;

 

 

논리 연산자를 이용한 조건문 평가   && , | | , !

 

&&

if (true && true) console.log('두개 모두 참이면 참');

if (true && false) console.log('한개가 거짓이면 거짓');

if (false && false) console.log('두개 모두 거짓이면 거짓');

 

 

| |

if (true || true) console.log('두개 모두 참이면 참');

if (true || false) console.log('한개가 참이면 참');

if (false || false) console.log('두개 모두 거짓이면 거짓');

 

 

!

if(!true) console.log('참이면 거짓');

if(!false) console.log('거짓이면 참');

 

 

삼항 연산자 이용한조건부 실행

  • 조건 ? 조건이 참이면 실행되는 표현식 : 조건이 거짓이면 실행되는 표현식
  • { } 를 사용할 수 없는 문법이기에 하나의 표현식만 가능
let n = 5;
console.log(n % 5 === 0 ? '5의 배수' : '5의 배수가 아님'); //5의 배수

const message = n % 5 === 0 ? '5의 배수' : '5의 배수가 아님';
console.log(message); //5의 배수

 

 

switch 를 이용한 조건문

어떤 조건이 참인지 거짓인지 판별하는 것이 아니라

값을 비교하여 같은지 판별함

  • switch 뒤의 값이 무엇인지 중괄호 안에 있는 코드 비교하여 실행
  • default : 뒤에 있는 문장은 항상 참! 이어서 실행되는 블록임
 let n = 5;
 
 switch (n) {
 	default:
    	console.log(n);
 }

 

switch (n % 5) {
	case 0: {
    	console.log('5의 배수입니다.') //출력됨
        break;
    }
    default:
    	console.log(n); // 항상 실행되지만 위에 break 이 걸렸기 때문에 실행되지 않음
}

 

switch (n % 5) {
	case 0: {
    	console.log('5의 배수입니다.') //출력됨
        break;
    }
    case 1:
    case 2:
    case 3:
    case 4:
    	console.log('5의 배수가 아닙니다.') 
    default:
    	console.log(n); // 항상 실행되지만 위에 break 이 걸렸기 때문에 실행되지 않음
}

 

 

 

 

 

'Javascript' 카테고리의 다른 글

[JavaScript] 객체 objet  (0) 2022.04.05
[JavaScript] 함수  (0) 2022.04.05
[JavaScript] 반복문  (0) 2022.04.04
[JavaScript] 시작하면서  (0) 2022.03.29