[TECH-QA] ES6+에서 객체 디스트럭처링(...rest)

_.omit과 유사한 효과

const object = { a: 1, b: 2, c: 3 };

// a와 c를 제외한 나머지 속성을 추출
const { a, c, ...rest } = object;

console.log(rest); // { b: 2 }

• ...rest: 객체 디스트럭처링에서 명시적으로 선택한 속성(a, c)을 제외한 나머지 속성을 rest 객체에 수집합니다.
• 동작: _.omit(object, ['a', 'c'])와 동일한 결과를 반환.
• 장점: Lodash 없이 네이티브 JavaScript로 간단히 구현 가능.
• 제한: 제외할 속성을 명시적으로 변수로 선언해야 하므로, 동적으로 속성 목록을 처리하려면 추가 로직이 필요할 수 있습니다.

📝 동적 속성 제외 예제

const object = { a: 1, b: 2, c: 3 };
const keysToOmit = ['a', 'c'];

const result = Object.fromEntries(
  Object.entries(object).filter(([key]) => !keysToOmit.includes(key))
);

console.log(result); // { b: 2 }

📝 Object.entries(object)

• Object.entries는 객체의 키-값 쌍을 배열로 변환합니다.
• 입력 객체: object = { a: 1, b: 2, c: 3 }
• 출력: [['a', 1], ['b', 2], ['c', 3]]
• 각 요소는 [key, value] 형태의 배열입니다.

📝 .filter(([key]) => !keysToOmit.includes(key))

• filter 메서드는 배열의 요소를 조건에 따라 걸러냅니다.
• [key]는 배열 디스트럭처링을 사용해 각 키-값 쌍에서 key만 추출합니다. (값은 무시됨)
• keysToOmit은 제외하려는 키가 담긴 배열, 예: ['a', 'c'].
• !keysToOmit.includes(key)는 key가 keysToOmit 배열에 없으면 true를 반환.
• 예: key = 'a' → keysToOmit.includes('a')는 true이므로 !true는 false → 제외. key = 'b' → keysToOmit.includes('b')는 false이므로 !false는 true → 유지.
• 필터링 결과: [['b', 2]] (a와 c는 제외됨).

📝 Object.fromEntries(...)

• Object.fromEntries는 키-값 쌍 배열을 다시 객체로 변환합니다.
• 입력: [['b', 2]]
• 출력: { b: 2 }

📝 결과

• Object.entries로 객체를 키-값 배열로 변환.
• filter로 제외할 키(keysToOmit)를 제외한 항목만 유지.
• Object.fromEntries로 필터링된 배열을 다시 객체로 변환.
• 결과적으로, 지정된 키를 제외한 새로운 객체를 생성.
• 입력: object = { a: 1, b: 2, c: 3 }, keysToOmit = ['a', 'c']
• 출력: result = { b: 2 }
• 이는 _.omit(object, ['a', 'c'])와 동일한 결과를 반환.

_.pick과 유사한 효과

const object = { a: 1, b: 2, c: 3 };
const keysToPick = ['a', 'c'];

const result = Object.fromEntries(
  Object.entries(object).filter(([key]) => keysToPick.includes(key))
);

console.log(result); // { a: 1, c: 3 }

• - ...rest는 _.omit과 유사한 기능을 네이티브로 제공하지만, 동적 속성 처리는 추가 코드 필요.
• - Object.entries와 Object.fromEntries를 사용하면 _.omit과 _.pick 모두 유연하게 대체 가능.