False Falsy

BIGGY_MOM·2024년 9월 13일

if문 작성할 때

function checkInput() {
    const inputValue = inputField.value;
    if (inputValue === '') {
        alert('입력 필드가 비어 있습니다. 값을 입력해 주세요.');
    } else {
        alert('입력된 값: ' + inputValue);
    }

대충 이런 코드가 있다치자.
input에 아무것도 들어오지 않았을 때 값을 입력해달라는 알람창이 뜬다.

inputValue === ' '

이 친구 뭔가 낯설다... =는 대입 ==는 비교 ===는 엄중한 비교
근데 ' '는 빈 문자열인데.. 이걸

inputValue == false

이렇게 바꿀 수는 없는걸까?

function checkInput() {
  const inputValue = inputField.value;

  if (!inputValue) { // 또는 inputValue == false
      alert('입력 필드가 비어 있습니다. 값을 입력해 주세요.');
  } else {
      alert('입력된 값: ' + inputValue);
  }
}

그럴땐 !를 사용해야한다. 빈 문자열 또한 어떤 메모리를 차지하고 있기 때문에 완전히 0의 값이라고 보진 않는 것..
javascript에서 이런 값을 Falsy라고 하고 종류는 아래와 같다.

profile
고양이가 밟은 코드

0개의 댓글