일치하는 객체 키 생략

Beginner

This tutorial is from open-source community. Access the source code

소개

이 랩에서는 JavaScript 를 사용하여 주어진 조건을 기반으로 객체 키를 생략하는 개념을 탐구합니다. omitBy() 함수를 사용하여 제공된 함수를 기반으로 객체에서 키를 필터링하는 방법을 배우게 됩니다. 실용적인 예제를 통해 이 함수가 코드를 단순화하고 효율성을 높이는 데 어떻게 유용한지 이해할 것입니다.

콜백 함수를 기반으로 객체 키 제거하기

콜백 함수를 기반으로 객체 키를 제거하려면 omitBy 함수를 사용하십시오.

  • omitBy는 주어진 함수에 대해 falsy 값을 반환하는 속성으로 구성된 객체를 생성합니다.
  • Object.keys()Array.prototype.filter()fn이 truthy 값을 반환하는 키를 제거하는 데 사용됩니다.
  • Array.prototype.reduce()는 필터링된 키를 해당 키 - 값 쌍을 가진 객체로 다시 변환합니다.
  • 콜백 함수는 두 개의 인수를 받습니다: valuekey.
  • 아래 예제는 omitBy를 사용하여 객체에서 숫자 키를 제거하는 방법을 보여줍니다.
const omitBy = (obj, fn) =>
  Object.keys(obj)
    .filter((k) => !fn(obj[k], k))
    .reduce((acc, key) => ((acc[key] = obj[key]), acc), {});

omitBy({ a: 1, b: "2", c: 3 }, (x) => typeof x === "number"); // { b: '2' }

요약

축하합니다! 객체 키 생략 (Omit Matching Object Keys) 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.