개발관련/자바스크립트 팁

실무에서 값을 할당 할때 많이 사용하는 자바스크립트 연산자

개발자 Dane 2021. 1. 18. 17:19
반응형

or 연산자 ( || )

  const detaultValue = param || "value"

param 변수에 falsy 값 ("" , null, undefined) 등 값이 들어올 경우 기본값을 주기 위해 사용한다.

널 병합 연산자 ( ?? )

      const foo = null ?? 'default string';
      console.log(foo);
      // expected output: "default string"

      const baz = 0 ?? 42;
      console.log(baz);
      // expected output: 0

바로 위의 or 연산자의 경우 0,"" 가 모두 falsy 값이기 때문에 null,undefined 와 0,"" 를 구분할수 없다. 이를 구분 해주기 위한 연산자 이다.

and 연산자 ( && )

      const foo = isFlag && 'default string';

첫번째 값이 false 일 경우 두번째 값을 판단 하지 않는 성질을 이용해서 특정 flag 값이 true 일 경우에만 값을 할당 하는 경우에 사용한다. 혹은 아래와 같이 flag 값이 true 일때만 함수를 실행 시키기 위해서 사용한다.

   const foo = isFlag && getSomthing()

위 연산자는 정말 많이 사용하므로 헷갈리지 않도록 해야 된다.

반응형