자바스크립트에서 Nullish Coalescing 연산자와 단축 평가를 함께 사용하면 코드를 간결하게 작성할 수 있습니다. Nullish Coalescing은 변수가 null 또는 undefined일 때 대체값을 설정하는 기능을 제공합니다. 이 기능을 활용하여 코드를 더욱 효율적으로 작성해 보겠습니다.

const defaultValue = 'Default Value';

const userInput = null;
const value = userInput ?? defaultValue;

console.log(value);

위 코드에서는 userInput이 null이므로 Nullish Coalescing 연산자(??)를 사용하여 defaultValue를 대체값으로 설정합니다. 출력 결과는 ‘Default Value’가 됩니다.

이제 단축 평가를 함께 사용하여 좀 더 유용한 코드를 작성해 보겠습니다.

const userSettings = {
  theme: 'Dark',
  fontSize: 14,
};

const selectedTheme = userSettings.theme ?? 'Light';
const selectedFontSize = userSettings.fontSize ?? 16;

console.log(selectedTheme, selectedFontSize);

위 코드에서는 userSettings 객체의 theme과 fontSize 속성을 확인한 후, 값이 null 또는 undefined인 경우에만 대체값을 설정합니다. 출력 결과는 ‘Dark’와 14가 됩니다.

Nullish Coalescing과 단축 평가를 함께 사용하는 것은 코드의 가독성을 높이고, null 또는 undefined일 경우 특정 값을 대체할 때 유용합니다. 이를 활용하여 변수 초기화, 기본값 설정 등 다양한 상황에서 코드를 간결하게 작성할 수 있습니다.

#JavaScript #NullishCoalescing #단축평가