Nullish Coalescing을 사용하여 자바스크립트에서의 중복 조건문 제거 방법

최신 버전의 자바스크립트에서는 Nullish Coalescing 연산자를 사용하여 중복된 조건문을 간편하게 제거할 수 있습니다. 이를 통해 코드의 가독성을 높일 수 있고, 불필요한 반복을 줄일 수 있습니다.

Nullish Coalescing 연산자(??)는 왼쪽 피연산자가 null이거나 undefined인 경우 오른쪽 피연산자를 반환합니다. 이 연산자를 사용하여 중복된 조건문을 제거할 수 있습니다.

다음은 Nullish Coalescing을 사용하여 중복 조건문을 제거하는 예시입니다:

// 중복된 조건문을 제거하기 전 코드
const result = foo !== null && foo !== undefined ? foo : 'default';

// Nullish Coalescing을 사용하여 중복 조건문 제거
const result = foo ?? 'default';

위의 예시에서는 foo가 null 또는 undefined인 경우, ‘default’ 값을 반환하도록 처리되어 있습니다. Nullish Coalescing 연산자(??)를 사용하면 코드를 간결하게 작성할 수 있습니다.

Nullish Coalescing 연산자의 사용은 특히 객체 속성 접근과 함께 사용할 때 유용합니다. 예를 들어, 다음과 같이 객체의 속성이 null 또는 undefined인 경우에만 기본값을 사용하고자 할 때 Nullish Coalescing 연산자를 활용할 수 있습니다:

const obj = {
  name: 'John',
  age: null
};

const age = obj.age ?? 25; // obj.age가 null인 경우 25를 할당

console.log(age); // 출력: 25

위의 예시에서는 obj.age가 null이므로 Nullish Coalescing 연산자를 사용하여 25를 할당합니다. 이를 통해 객체의 속성에 대해 중복된 조건문을 피하고, 기본값을 설정할 수 있습니다.

Nullish Coalescing 연산자를 사용하여 자바스크립트 코드에서 중복된 조건문을 제거하면 코드의 가독성을 개선하고 유지보수를 용이하게 할 수 있습니다. 이를 적절히 활용하여 코드를 작성하는 것이 권장됩니다.

#javascript #nullish-coalescing