[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 6회차 미션

조건문(conditional Statement)

 

표현식이 참으로 평가될 때 , 실행되는 블럭

if (true){ //표현식이 true이기 때문에 항상 실행됨
    console.log('항상 실행'); 
}

if(fasle){
    console.log('항상 실행 x'); ////표현식이 false이기 때문에 항상 실행 안 됨
}

코드가 한 줄이면 { }를 사용하지 않아도 된다.

if (true) console.log('실행');

표현식이 거짓으로 평가될 때 Falsy

• false, 0, '', null, undefined, NaN

표현식이 참으로 평가될 때 Truethy

• falsy의 반대 : true, 1, '문자열', {} , []

falsy 한 값은 출력이 안되고

truethy 한 값만 출력될 것이다.

else {}

조건에 해당하지 않는 것에 대해서 조건을 걸 때 사용한다.

const age = 25;
if( n > 10 ) {
    console.log(' 10살 이상 입니다 ' );
} else {
    console.log(' 10살 이하 입니다 ');
}

이런 식으로 n > 10에 거짓인 값에 대해 설 정해 줄 수 있는 것이다.

else if {}

if에 해당하지 않을 때 또 다른 조건

const age = 25;
if( n > 10 ) {
    console.log(' 10살 이상 입니다 ' );
} else if( n == 5 ) {
    console.log(' 5살 입니다 ');
} else {
    console.log(' 10살 이하 입니다 ');
}

이렇게 하여 조건문에 대해 더 정밀하게 선언해줄 수 있다.

또

== && || 등의 논리 연산자를 사용할 수 있다.

const a = true;
const b = false;
const c = true;
if ( a && c || b ){
    console.log('true 입니다');
}

중첩 사용이 가능하다

const a = 35;

if( a % 5 == 0 ){
    if(a % 7 == 0 ){
        console.log('a는 5의 배수 이면서 7의 배수입니다');
    }
}

첫 번째 if 문의 결과가 참일 경우 다음 if문이 실행되어 두 개의 조건을 모두 만족하는 결과를 보여줄 수 있다.

논리 연산자를 이용한 조건문 평가

&&, || ,!

&& AND 연산자

if ( true && true ) console.log(' 두개 모두 참이면 참');
if ( true && false ) console.log(' 하나만 참이면 거짓');
if ( false && false ) console.log(' 두개 모두 거짓이면 거짓');

|| OR 연산자

if ( true || true ) console.log(' 두 개 모두 참이면 참');
if ( true || false ) console.log(' 하나만 참이면 참 ');
if ( false || true ) console.log(' 하나만 참이면 참 ');
if ( false || false ) console.log(' 두 개 모두 거짓이면 거짓 ');

! NOT 연산자

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

논리 연산자를 이용한 조건부 표현식

표현식 && 표현식

둘 다 참 일 때만 참이다.

표현식은 앞에서 먼저 평가하고 뒤를 평가한다.

앞의 표현식을 평가해서 참 일때만 뒤의 표현식을 평가할 필요가 생기기 때문에 뒤의 표현식이 실행된다

let n = 5;
(n % 5 === 0) && console.log('5로 나누어 떨어질 때만 실행');

앞의 표현식(n % 5 === 0) 이 거짓일 경우에는 뒤의 표현식을 평가할 필요 없이 거짓이게 된다.

표현식 || 표현식

둘 중에 하나만 참이면 참이 된다.

앞의 표현식을 평가해서 참 이면, 뒤의 표현식을 평가할 필요가 없어 실행하지 않는다.

앞 표현식을 평가해서 거짓일 때만, 뒤의 표현식을 평가할 필요가 생기기 때문에 뒤의 표현식이 실행된다.

let n = 5;
(n % 5 === 0) || console.log('5로 나누어 떨어질 때만 실행');

앞의 표현식 (n % 5 === 0) 이 참이면 뒤의 표현식을 평가할 필요도 없이 참이다.

 

 

해당 내용은 아래 링크에서 수강할 수 있다.

프론트엔드 개발 올인원 패키지 with React Online. 👉 https://bit.ly/2ETLEzm

프론트엔드 개발 올인원 패키지 with React Online. | 패스트캠퍼스