[JavaScript] Truthy & Falsy

Truthy: 참이 아니라 참같은 값

Falsy: 거짓이 아니라 거짓같은 값

 

이게 무슨 소리인가

 

예시를 보자

 

Truthy ex:

• {} 빈 객체
• [] 빈 배열
• 0을 제외 한 숫자값
• 빈 문자열을 제외한 문자열

Falsy ex:

• null
• defined
• 0
• 빈 문자열
• NaN

예시를 보니깐 감이 온다.

파이썬에서도 빈 배열인지 확인할 때

# python
arr = []
if not arr:
    print("빈 배열입니다.")
else:
    print("빈 배열이 아닙니다.")

위 예시처럼 arr를 true/false로 반환하여 판단하는데, 이런 걸 truthy/falsy라고 하는 것 같다.

 

위의 Python 예시를 JavaScript로 바꿔보면 다음과 같다.

# JavaScript

const arr = []
if (!arr) {
    console.log("빈 배열입니다.")
}else{
    console.log("빈 배열이 아닙니다.")
}

 

그렇다면 이 Truthy와 Falsy를 어떻게 활용할 수 있을까?

 

 

const getGender = (person) => {
	return person.gender;
};

let person = { name: "Jedi", gender: "Female" };
const gender = getGender(person);

console.log(gender);

여기서 getGender 함수는 객체를 매개변수로 받고, Gender 프로퍼티를 return 받는 함수이다. 

 

이 때, person이 undefined로 전달된다면?

당연하게도, undefined는 객체가 아니기 때문에 person.gender로 접근을 할 수 없어 Error가 발생한다.

이러한 상황을 방지하기 위한 해결책으로 Falsy를 사용할 수 있다.

 

const getGender = (person) => {
	if (!person) {
    	return "객체가 아닙니다.";
    }
    
	return person.gender;
};

let person = undefined;
const gender = getGender(person);

console.log(gender); // 객체가 아닙니다.

person에 undefined/null을 대입하면 false를 반환하게 되고 Error 대신 조건에 부합하는 문장이 출력되는 것을 확인할 수 있다.