[Javascipt] truthly 와 falsy

단어 처럼 

-. truthly 는 true 같은 것

-. falsy 는 false 같은 것

 

한마디로 boolean 값인 true, false 를 가지지 않음에도 불구하고 "비슷한" 효과를 내는 값이다.

 

정도로 생각하면 될 것 같다.

 

1. falsy 값의 종류

- false / 0 / 음수 / On / "" / null / undefined / NaN

* On : BigInt. boolean 으로 사용될 경우 숫자와 같은 규칙을 따른다.

* NaN : 숫자가 아닌 값 None of Number 

 

2. falsy 값 판정

if (!변수) {return;}
console.log(변수)

이런 식으로 사용하면

위의 falsy 값이 아닌 값만 console 로 찍게 된다.

 

3. 사용 예시

 

보통 우리가 뭔가 데이터를 받아올 때 undefined 값이나 null 값을 받아오게 되는 경우가 종종 생기는데

이때 TypeError 가 발생하게 된다.

 

TypeError : Cannot read property '변수명' of null

혹은 

TypeError : Cannot read property '변수명' of undefined

 

이때

function falsytest(vari) {
	if(vari === undefined || vari === null) {
    	console.log("변수 값이 이상해요");
        return;
    }
    
    console.log(vari.name);
}

const data = null
falsytest(data);

이렇게 검사를 해주게 되면 타입 오류가 안나게 된다.

 

근데 혹시 모를 대비를 위해 위에 있는 falsy 에 해당하는 것들을 모두 검사식에 넣게 되면 검사식이 엄청 나게 길어지게 될테니.. 

 

function falsytest(vari) {
	if(!vari) {
    	console.log("변수 값이 이상해요");
        return;
    }
    
    console.log(vari.name);
}

const data = null
falsytest(data);

이렇게 변환해주면 위의 모든 falsy 값을 검토해준다.

 

4. 부연 설명

console.log(!undefined);
console.log(!null);
console.log(!0);
console.log(!'');
console.log(!NaN);

위의 종류들이 모두 falsy 한 값이라서 false 로 간주하므로

!false = true

즉 위의 방법으로 falsy 한 값들을 판별해줘도 똑같은 방법인 것이다.

 

아니면..

arr 에 falsy 값 집어 넣어놓고 filter 사용해서 판별해내는 방법도 있음