자바스크립트는 다양한 상황에서 값이 null 또는 undefined인지 확인하고 대체할 필요가 있을 수 있습니다. 이를 위해 ES2020에서 도입된 Nullish Coalescing 연산자는 가독성을 개선하는 강력한 도구입니다. 이번 글에서는 Nullish Coalescing을 활용한 자바스크립트 코드의 가독성을 개선하는 방법에 대해 알아보겠습니다.
Nullish Coalescing 연산자란?
| Nullish Coalescing 연산자(??)는 왼쪽 피연산자가 null이나 undefined인 경우에만 오른쪽 피연산자를 반환합니다. 이 연산자는 기존의 논리 연산자( | )와 비슷한 역할을 수행하지만, 일부 차이점이 있습니다. 논리 연산자( | )는 falsy한 값 (false, 0, “”, null, undefined 등) 일 때에도 대체값을 반환하지만, Nullish Coalescing 연산자(??)는 null이나 undefined일 때에만 대체값을 반환합니다. |
가독성 개선을 위한 Nullish Coalescing 활용
Nullish Coalescing 연산자를 활용하면 코드를 더 간결하고 가독성 있게 작성할 수 있습니다. 예를 들어, 변수가 null이나 undefined인 경우에만 기본값을 설정하고 싶을 때 Nullish Coalescing 연산자를 사용할 수 있습니다.
const username = inputUsername ?? "Unknown User";
위의 코드에서, inputUsername 변수가 null이나 undefined인 경우에만 “Unknown User”를 기본값으로 설정합니다. 이렇게 함으로써 코드가 더 간결해지고 읽기 쉬워집니다.
Nullish Coalescing 연산자를 더 복잡한 코드에 적용할 수도 있습니다. 예를 들어, 객체 내의 속성을 안전하게 가져오는 경우에 유용합니다.
const address = user.address ?? "Unknown Address";
위의 코드에서, user 객체의 address 속성이 null이나 undefined인 경우에만 “Unknown Address”를 기본값으로 설정합니다. 이렇게 함으로써 null 체크를 간단하게 처리할 수 있고 코드의 가독성과 유지보수성을 높일 수 있습니다.
결론
Nullish Coalescing 연산자를 활용하면 자바스크립트 코드의 가독성을 개선할 수 있습니다. 이 연산자는 null 또는 undefined인 경우에만 대체값을 설정하고, 기존의 논리 연산자와의 차이점을 잘 이해하고 사용해야 합니다. 코드를 간결하고 읽기 쉽게 작성하여 유지보수성을 높이는데 도움을 줄 수 있습니다. #javascript #nullishcoalescing
참조:
-
[Nullish Coalescing 연산자 (??) - JavaScript MDN](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator) - Nullish Coalescing Operator: How to Add Default Values in JavaScript