반응형
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()
위 연산자는 정말 많이 사용하므로 헷갈리지 않도록 해야 된다.
반응형
'개발관련 > 자바스크립트 팁' 카테고리의 다른 글
[git] git rebase 란 (2) | 2021.01.27 |
---|---|
VS CODE TIP (0) | 2021.01.19 |
GraphQL 맛보기 강의 ep 01 (0) | 2020.09.18 |
[JavaScript] String Code 관련 (0) | 2020.08.26 |
자바스크립트 정렬 팁 (0) | 2020.08.21 |