삼항 연산자
-
20221029 TIL ???????TIL 2022. 10. 29. 14:07
자바스크립트에서는 ?를 잘 쓰면 매우 좋다. ? 사용법이 매우 다양하기 때문에 한 번 정리를 해두면 좋을 것 같아서 정리를 해보았다. 먼저, 삼항 연산자에서 ?를 사용한다. 조건 ? 조건이 참일 때 실행할 코드 : 조건이 거짓일 때 실행할 코드; 와 같이 실행한다. 그 다음은 nullish ??이다. 보통 default value를 잡아주고 싶을 때 logical OR연산자 ||를 많이 사용한다. 그런데 logical OR연산자는 연산자 왼쪽 값이 falsy할 때 오른쪽 값을 쓰게 되는데, 왼쪽 값이 falsy이지만 의미가 있는 값일 수 있다. 예를 들어 할인율 변수에 0이 들어갈 수 있는데, 할인율에 기본 할인율을 정해주기 위해 할인율 = 할인율 || 0.1; 처럼 코드를 짠다면 할인을 안 하고 싶어서..
-
20221027 TIL 다양한 리액트 조건문 사용법TIL 2022. 10. 27. 12:00
회사를 다닐 때 동료분께서 이럴 때는 &&를 쓰면 돼요 라고 알려주신 적이 있었는데, 리액트에서 '조건 && 요소' 형태로 작성을 하셨는데, &&가 and연산자인 것은 알고 있었지만 &&가 true나 false를 반환하는 것으로 오해를 하고 있었어서 '조건 && 요소' 형태 코드를 해석할 수 없었다. 그런데 이제야 그 말씀을 이해할 수 있게 되었다. &&는 true / false를 반환하는 연산자가 아니고, 왼쪽부터 falsy한 값을 찾아서 찾으면 그 falsy한 값을 반환하고, 만약 마지막까지 모두 truthy면 마지막에 위치한 값을 반환한다. 즉, &&연산자는 A && B라고 작성했다면 if (A) { return B; } return A; 와 동일한 코드이다. '조건 && 요소' 형태는 조건이 tr..