LabEx
ログイン登録

一致するオブジェクトキーを省略する

Beginner

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

はじめに

この実験では、JavaScript を使って与えられた条件に基づいてオブジェクトのキーを省略する概念を探ります。提供された関数に基づいてオブジェクトからキーをフィルタリングするために omitBy() 関数をどのように使うかを学びます。実際の例を通じて、この関数がコードを簡略化し、効率的にするのにどのように役立つかを理解します。

コールバック関数に基づくオブジェクトのキーの削除

コールバック関数に基づいてオブジェクトのキーを削除するには、omitBy 関数を使用します。

  • omitBy は、与えられた関数に対して偽を返すプロパティで構成されるオブジェクトを作成します。
  • Object.keys() と Array.prototype.filter() は、fn が真を返すキーを削除するために使用されます。
  • Array.prototype.reduce() は、フィルタリングされたキーを対応するキーと値のペアを持つオブジェクトに戻します。
  • コールバック関数には 2 つの引数があります。value と key。
  • 以下の例は、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' }

まとめ

おめでとうございます！あなたはオミットマッチングオブジェクトキーの実験を完了しました。あなたの技術を向上させるために、LabEx でさらに多くの実験を行って練習することができます。