자바스크립트에서의 Nullish Coalescing을 활용한 데이터 검색 및 조회 방법

29 Sep 2023

javascript

자바스크립트에서 Nullish Coalescing 연산자는 변수가 null 또는 undefined일 때 기본값을 설정하는 기능을 제공합니다. 이 기능을 활용하면 데이터 검색 및 조회 시 유용하게 사용할 수 있습니다.

Nullish Coalescing 연산자란?

Nullish Coalescing 연산자는 ‘??’ 기호로 표현되며, 좌항의 값이 null 또는 undefined인 경우 우항의 값으로 대체하는 연산을 수행합니다. 일반적으로 논리 OR 연산자(

)를 사용하여 기본값을 설정할 때 falsy한 값을 대체하게 됩니다. 하지만 논리 OR 연산자는 falsy한 값들 중에서도 0, 빈 문자열 등을 포함한 다양한 값을 대체하게 되기 때문에 원하는 결과를 얻을 수 없을 수도 있습니다. Nullish Coalescing 연산자는 이러한 문제를 해결하기 위해 null 또는 undefined인 경우에만 대체값을 할당합니다.

데이터 검색 및 조회에 활용하기

Nullish Coalescing 연산자를 사용하여 데이터 검색 및 조회 시 기본값을 설정할 수 있습니다. 예를 들어, 서버로부터 받은 데이터에서 특정 속성을 조회할 때 null 또는 undefined인 경우 대체값을 설정할 수 있습니다.

const data = {
  name: 'John Doe',
  age: null,
  email: 'johndoe@example.com'
};

const name = data.name ?? 'Unknown';
const age = data.age ?? 0;
const email = data.email ?? 'No email provided';

console.log(name);    // "John Doe"
console.log(age);     // 0
console.log(email);   // "johndoe@example.com"

위의 예시에서 data 객체에서 name, age, email 속성을 조회하고 있습니다. name 속성은 정의되어 있으므로 해당 값을 그대로 할당합니다. age 속성은 null이므로 대체값으로 0을 설정하고, email 속성은 값이 정의되어 있지 않으므로 “No email provided”를 대체값으로 설정합니다.

이처럼 Nullish Coalescing 연산자를 사용하면 데이터 검색 및 조회 시 기본값을 설정할 때 보다 간편하고 명확하게 처리할 수 있습니다.

마무리

자바스크립트에서의 Nullish Coalescing 연산자는 데이터 검색 및 조회 시 기본값을 설정하는 데 유용한 기능입니다. 논리 OR 연산자와 달리 null 또는 undefined인 경우에만 대체값을 할당하기 때문에 더욱 정확한 기본값 설정이 가능합니다. 이를 활용하여 코드를 깔끔하고 안전하게 작성해보세요.

#JavaScript #NullishCoalescing