Nullish Coalescing을 이용하여 자바스크립트에서의 북마크 처리 방법

자바스크립트에서 북마크 기능을 구현할 때, Nullish Coalescing(널 연산자)은 매우 유용한 도구입니다. 이 기능을 활용하여 북마크가 없을 때, 기본값을 지정하거나 경고 메시지를 출력하는 등의 처리를 할 수 있습니다.

Nullish Coalescing은 두 개의 연산자 ‘??’로 표현됩니다. 이 연산자는 왼쪽 피연산자가 null이나 undefined인 경우에만 오른쪽 피연산자를 반환합니다.

const bookmark = getBookmark() ?? 'No bookmark found';

위의 예제에서 getBookmark() 함수는 북마크를 가져오는 함수입니다. ?? 연산자를 사용하여 가져온 북마크 값이 null이나 undefined인 경우에는 ‘No bookmark found’라는 기본값을 설정합니다.

이와 같은 방식으로 Nullish Coalescing을 활용하여 북마크가 없을 때 기본값을 설정할 수 있습니다. 이렇게 하면 사용자에게 맞춤형 메시지를 보여줄 수 있습니다.

추가적으로, Nullish Coalescing을 중첩하여 사용하는 것도 가능합니다. 다음은 북마크의 제목과 URL을 동시에 가져오는 예제입니다.

const bookmarkTitle = getBookmark()?.title ?? 'No title';
const bookmarkURL = getBookmark()?.URL ?? 'No URL';

위의 코드에서 getBookmark()?.titlegetBookmark()?.URL은 북마크 객체에서 제목과 URL을 가져오는 것을 의미합니다. 이렇게 하면 북마크 객체가 없거나 제목이나 URL이 null이나 undefined인 경우에는 ‘No title’과 ‘No URL’이라는 기본값을 설정할 수 있습니다.

Nullish Coalescing은 자주 사용되는 기능이며, 코드의 가독성과 유지 보수성을 높일 수 있습니다. 예외 처리와 기본값 설정에 유용한 이 연산자를 자유롭게 활용하여 북마크 처리 기능을 강화해보세요!

#javascript #nullish-coalescing