모바일 APP/React-Native

null 병합 연산자 (Nullish Coalescing Operator)

살길바라냐 2021. 9. 8. 18:10
반응형

사용자가 사용하는 값들이' ', 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