강의 정리/제로초 자바스크립트

🔖 2-8. undefined와 null

욱둥 2023. 2. 27. 00:38

빈 값 사용하기

여기서는 undefined와 null 자료형을 알아본다. 이 둘은 빈 값(비어 있음을 의미)을 표현한다는 공통점이 있지만, 차이점도 있다.

 

undefined

컴퓨터는 대부분 우리가 입력을하면 어떤 값을 돌려준다.

console.log(‘Hello, world!’) 를 쳤을때 undefined를 돌려준다. 

돌려주는게 없다라 하지말고 undefined를 돌려준다라고 기억하자!

돌려줄게 없으면 undefind를 돌려준다!!

 

typeof undefined; // "undefined"

▲ undefined는 자료형인걸 알 수 있다.

 

!!undefined; // false

▲undefined는 불 값으로 형 변환하면 false가 나온다.

 

✅ 단, undefined와 false는 같지  않다. 거짓인 다른 값들과도 마찬가지이다.

undefined == false; // false

undefined == 0; // false

undefined == ‘’; // false

 

undefined는 기본값으로 많이 사용한다.

 

 

 

null

undefined == null; // true

undefined === null; // false

빈 값이라는 점에서 같지만 자료형을 비교해 보면 다르다.

 

undefined와 마찬가지로 null도 불 값으로 형 변환하면 false가 된다. 

!!null; // false

 

하지만 null은 false와 같지 않다. 다른 거짓인 값들과도 같지 않다.

null == false; // fasle

null == 0; // false

null == ''; // false

 

null의 자료형을 typeof로 확인해 보면 특이한 것을 발견할 수 있다.

typeof null; // “object”

▲ 자바스크립트의 버그

언어는 버그가 나면 고치기가 힘들다. 쓰는 사람이 워낙 많아서 ..

따라서 값이 null인지 확인하기 위해서는 === null 을 사용해야 한다.

 

null은 의도적으로 빈 값을 넣어줄때 사용

 

 

<제로초의 팁>

프로그래밍 할때 초반 설계가 매우 중요하다.

코딩을 하기전에 항상 머릿속으로 충분히 생각하고 해라.