ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 조건문 (if)
    Javascript 2020. 3. 24. 11:50

     

    조건문으로 어떠한 조건을 판별하는 기준을 만들기 때문에 

    1. Boolean에 대한 이해가 필요합니다. (true / false)

    2. 조건문에는 반드시 비교 연산자가 필요합니다.

     

    > 초과
    < 미만
    >= 이상
    <= 이하
    === 같다
    !== 다르다

     

    다음 연산자들은 타입을 엄격하게 비교하지 않기 때문에 사용하지 않습니다.

    == 같다
    != 다르다

     

    조건문의 형식

    if (조건1) {
    	//조건1이 통과할 경우
    } else if(조건2) {
    	//조건1이 통과하지 않고
        	//조건2가 통과하는 경우
    } else {
    	//모든 조건이 통과하지 않는 경우
    }

    조건에는 Boolean으로 결과가 나오는 비교 구문이 들어갑니다.

    만약에 두가지 조건을 한 번에 적용하고 싶다면?

    논리 연산자를 사용

    isStudent && isFemale; //학생이면서, 여성일 때 통과(AND연산자)
    isStudent || isFemale; //학생이거나, 여성일 때 통과(OR연산자)
    
    !isStudent && !isFemale; //학생이 아니면서, 여성이 아닐 때 통과(! -> NOT연산자)
    !false		//true
    !(3>2)		//false
    !undefined	//true
    !'Hello'	//false

    논리 연산자의 결과가 Boolean이 아닌 경우도 있습니다.

       OR연산자의 경우

    //OR연산자는 truthy한 값을 만나면, 그 값을 출력하고 마칩니다.
    undefined || 10   //10
    5 || 10		  //5
    5 || undefined	  //5
    
    //모두 falsy할 경우 뒤의 값을 출력합니다.
    undefined || false	//false

       AND연산자의 경우

    //AND연산자는 falsy한 값을 만나면,그 값을 출력합니다.
    undefined && 10	//undefined
    10 && undefined	//undefined
    
    //모두 truthy할 경우, 뒤의 값을 출력합니다.
    5 && 10	//10

     

     

    · NOT연산자를 활용하는 다른방법

    더보기
    return 25 > 21	//true

    만약에 반대 값을 반환하고 싶다면 if문을 활용하여 NOT연산자를 대신하는 방법이 있습니다.

    if (25 > 21){
    	return false
    } else {
    	return true
    }

    이 방법으로 불리언 값이 2개가 주어졌을 때 or함수를 사용하지 않고 같은 결과를 얻을 수 있습니다.

    T T

    not

    !

    F F

    and

    &&

    F

    not

    return

    T
    T F F T F T
    F T T F F T
    F F T T T F

     

    function or(bool1, bool2) {
    	if (!bool1 && !bool2){
    		return false
    	} 
    	return true
    }

     

    · 기억해야 할 6가지 falsy 값

    더보기
    //false로 변환되므로 if구문이 실행되지 않습니다.
    if (false)
    if (null)
    if (undefined)
    if (0)
    if (NaN)
    if ('')

    'Javascript' 카테고리의 다른 글

    객체 (object)  (0) 2020.03.26
    함수 (function)  (0) 2020.03.26
    반복문(for, while)  (0) 2020.03.25
    배열(array)  (0) 2020.03.25
    변수(Variable)  (0) 2020.03.25

    댓글

Designed by CHANUL