[Javascript] Truthy 와Falsy

2024. 5. 13. 19:02Javascript

728x90

참이나 거짓을 의미하지 않는 값도, 조건문 내에서 참이나 거짓으로 평가하는 특징

→ 참 같은 값, 거짓 같은 값

 

 

 

Falsy한 값

 

종류: undefined, null,  0, -0,  NaN, "", 0n 

 

 

 

 

Truthy한 값

 

위의 7개 제외한 나머지  값

스트링, 숫자, 배열, 함수, 객체 등등

 

 

 

 

이거 도대체 언제 사용해..?

 

 

예를 들면 프로그램을 짤 때 정보를 받아오는 객체를 만든다

 

function userName(user) {
  console.log(user.name);
}
let user; = { name: "mm_스터디" };
userName(user);


실제 서비스 만들  때 user가 본인의 이름을 제대로 입력하지 않거나, 오류가 발생하여 name에 제대로 값이 저장되지 않는 경우가 존재

 

이를 찾아내기 위해 값이 있는지 없는지 확인 먼저 해봐야 하는데

Falsy값을 쓰지 않는다면 null, undefined 등 형식에 따라 다 코드를 추가하여 확인해야함

 

→ 중복코드도 발생하고 작업 횟수도 불필요하게 증가

 

이 때
function userName(user) {
  if (!user) {
    console.log("user의 값이 올바른 값이 아님");
    return;
  }
  console.log(user.name);
}

 

 

  if (!user) {
    console.log("user의 값이 올바른 값이 아님");
    return;
  }

이 식으로 모든 유형의 Falsy을 한 식으로 찾아낼 수 있음 

728x90

'Javascript' 카테고리의 다른 글

[Javascript] 구조 분해 할당  (0) 2024.05.15
[Javascript] 단락 평가(Short-circuit Evaluation)  (0) 2024.05.14
[Javascript] 배열  (0) 2024.05.12
[Javascript] 객체  (0) 2024.05.11
[Javascript] 스코프(범위)  (0) 2024.05.10