자바스크립트에서 객체 병합은 두 개 이상의 객체를 하나로 합치는 과정을 말합니다. 이는 주로 객체의 속성을 병합하여 하나의 객체로 만들 때 사용됩니다. 최근에는 Nullish Coalescing 연산자(??)를 사용하여 객체 병합을 더욱 간편하게 처리할 수 있습니다. 이번 블로그 포스트에서는 Nullish Coalescing을 사용하여 자바스크립트에서의 객체 병합을 처리하는 방법에 대해 알아보겠습니다.

1. Nullish Coalescing 연산자(??) 소개

Nullish Coalescing 연산자는 왼쪽 피연산자의 값이 null 또는 undefined인 경우 오른쪽 피연산자의 값을 반환하는 연산자입니다. 이 연산자를 이용하면 객체의 속성을 병합할 때, 해당 속성이 null 또는 undefined인 경우 기본값으로 대체할 수 있습니다. Nullish Coalescing 연산자는 논리 OR 연산자(||)와 유사하지만, null 또는 undefined만을 체크한다는 점에서 다릅니다.

2. 객체 병합 처리 예제

아래는 객체 병합을 처리하는 예제 코드입니다. Nullish Coalescing 연산자를 사용하여 obj1과 obj2를 병합하고, 속성이 null 또는 undefined인 경우 기본값으로 대체하는 방법을 보여줍니다.

const obj1 = { foo: 'Hello', bar: null, baz: undefined };
const obj2 = { foo: 'World', bar: 'Tech', baz: 'Blog' };

const mergedObj = {
  foo: obj1.foo ?? obj2.foo,
  bar: obj1.bar ?? obj2.bar ?? 'Default',
  baz: obj1.baz ?? obj2.baz ?? 'Default'
};

console.log(mergedObj);
// Output: { foo: 'Hello', bar: 'Default', baz: 'Default' }

위 예제에서 obj1과 obj2의 각 속성을 병합하여 mergedObj를 생성합니다. Nullish Coalescing 연산자를 사용하여 해당 속성이 null 또는 undefined인 경우 기본값인 'Default'를 대체합니다. 결과적으로 mergedObj는 { foo: 'Hello', bar: 'Default', baz: 'Default' }와 같은 객체가 됩니다.

3. 결론

Nullish Coalescing을 사용하면 자바스크립트에서의 객체 병합 처리를 보다 간편하게 할 수 있습니다. 속성이 null 또는 undefined인 경우에만 기본값을 사용하고 싶은 경우에 유용한 연산자입니다. 이를 활용하여 코드를 작성하면 가독성과 유지보수성을 높일 수 있습니다. 자바스크립트에서 객체 병합을 다루어야 하는 경우, Nullish Coalescing 연산자를 활용하여 처리해보세요!

🔑 #JavaScript #NullishCoalescing