본문 바로가기
모바일 APP/React-Native

null 병합 연산자 (Nullish Coalescing Operator)

by 살길바라냐 2021. 9. 8.
반응형

사용자가 사용하는 값들이' ', 0인경우 false아닌 입력이 되도록 하는 방법

{
    const name = 'ych';
    const userName = name || 'Guest';
    console.log(userName);
  }

  {
    const name = null;
    const userName = name || 'Guest';
    console.log(userName);
  }

  // 안좋은 방법
  // || 연산자는 ''와 0을 false로 인식
  {
    const name = '';
    const userName = name || 'Guest';
    console.log(userName);

    const num = 0;
    const message = num || 'undefined';
    console.log(message);
  }

  // 좋은 방법
  // ?? 연산자는 ''와 0을 true로 인식함
  {
    const name = '';
    const userName = name ?? 'Guest';
    console.log(userName);

    const num = 0;
    const message = num ?? 'undefined';
    console.log(message);
  }
}
728x90

'모바일 APP > React-Native' 카테고리의 다른 글

터처블 코어 컴포넌트 (Touchable)  (0) 2021.09.13
React-Native 특징  (0) 2021.09.08
선택적 연결 (Optional Chaining)  (0) 2021.09.08
널 병합 연산자  (0) 2021.09.04
메트로 서버 Metro server  (0) 2021.09.04