JavaScript에서 false를 반환하는 값
JavaScript에서 false를 반환하는 value 이제 기록을 해놓지 않으면 자꾸 잊어먹네요. 오늘은 제가 인터페이스 구현할때 자주 헷갈리는 null string("") 처리에 대해서 기록을 남겨 정리를 하려고 합니다. 왜 매번 쓸때마다 다시 찾아보는지 큰일이네요… false 로 변환되는 값은 다음과 같습니다. null; NaN; 0; empty string(""); undefined; empty string을 어떻게 체크할 것인가? 그럼 이 중에서 empty string("", 또는 ‘’)을 어떻게 체크를 하면 될까요? 정답은 없지만, if 문에서 empty string은 false 처리가 된다는 것을 꼭 기억해 두고 개발을 해야 하겠습니다. (제게 하는 말입니다 -_-) 여러분이 구현하는 인터페이스(함수)에서 파라미터를 받아 내부 변수에 설정하고 싶은데, 이 파라미터는 외부에서 불리는 값이므로 예외처리를 꼭 해야한다고 가정합시다. 첫번째 방법 ! const myValue = !myProp ? 'default string' : myProp; 두번째 방법 == null const myValue = myProp == null ? 'default string' : myProp; 둘 사이의 차이점은? 넘어오는 myProp 값이 empty string( param=''; ) 이라면, 첫번째 방법은 ‘default string’ 이 myValue에 어사인 될것이고, 두번째 방법은 '' 이 어사인 될것입니다. 사용자가 의도적으로 empty string을 넣고 싶다면 만약 사용자가 어떤 경우에 의도적으로 empty string을 넣고 그 값을 사용하고 싶다면 반드시 == null 체크를 해야 합니다. 그러면, 제가 자주 접하는 react 컴포넌트를 예로 들어 보겠습니다. 그 컴포넌트의 prop에 빈 스트링을 ...