Nullish Coalescing을 사용하여 자바스크립트에서의 객체 탐색 처리하기

29 Sep 2023

javascript

자바스크립트에서 객체를 다룰 때 종종 값이 존재하지 않을 수 있는 상황을 처리해야합니다. 이때 Nullish Coalescing 연산자를 사용하면 간편하게 값을 탐색하고 기본값을 설정할 수 있습니다. Nullish Coalescing은

연산자와 비슷하지만 몇 가지 차이점이 있습니다.

Nullish Coalescing 연산자란?

Nullish Coalescing 연산자는 ?? 기호로 나타내며, 왼쪽 피연산자가 null 또는 undefined인 경우에만 오른쪽 피연산자를 반환합니다. 그 외의 경우에는 왼쪽 피연산자를 반환합니다.

const value = null ?? 'default';
console.log(value); // 'default'

const value2 = undefined ?? 'default';
console.log(value2); // 'default'

const value3 = 0 ?? 'default';
console.log(value3); // 0

객체 탐색에서 Nullish Coalescing 사용하기

객체 탐색에서 Nullish Coalescing을 사용하면 객체의 속성을 확인하고 값이 없으면 기본 값을 반환할 수 있습니다. 아래의 예시를 통해 이를 살펴봅시다.

const person = {
  name: 'John',
  age: 25,
  address: null
};

const name = person.name ?? 'Unknown';
console.log(name); // 'John'

const address = person.address ?? 'No address available';
console.log(address); // 'No address available'

const companyName = person.company.name ?? 'Not provided';
console.log(companyName); // 'Not provided'

위의 예시에서 person 객체는 name, age, address 속성을 가지고 있습니다. 첫 번째 예시에서는 name 속성이 존재하므로 해당 값이 반환됩니다. 두 번째 예시는 address 속성이 null이므로 Nullish Coalescing을 이용하여 기본 메시지가 반환됩니다. 마지막 예시에서는 company 객체가 존재하지 않으므로 undefined이 반환되고, Nullish Coalescing을 이용하여 기본 메시지가 반환됩니다.

Nullish Coalescing을 사용하면 객체 탐색에서의 값이 없을 때의 예외 처리를 간단하게 해결할 수 있습니다. 객체의 속성을 확인하고, 값이 없는 경우에는 기본 값을 설정해주는 식으로 유용하게 사용할 수 있습니다.

#javascript #nullishcoalescing