一致するオブジェクトのキーを抽出する

JavaScriptJavaScriptBeginner
オンラインで実践に進む

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

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、与えられた関数が真を返すキーと値のペアのみで構成される新しいオブジェクトを作成するために、pickBy() 関数をどのように使用するかを探ります。この関数は、特定の基準に基づいてオブジェクトから特定のプロパティをフィルタリングする必要があるシナリオで役立ちます。このタスクを達成するために、Object.keys()Array.prototype.filter()、および Array.prototype.reduce() をどのように使用するかを学びます。

与えられた条件に一致するオブジェクトのキーを抽出する関数

与えられた条件に一致するオブジェクトのキーを抽出するには、pickBy() 関数を使用します。この関数は、与えられた関数が真を返すプロパティで構成される新しいオブジェクトを作成します。

  • Object.keys()Array.prototype.filter() を使用して、fn が偽を返すキーを削除します。
  • Array.prototype.reduce() を使用して、フィルタリングされたキーを対応するキーと値のペアを持つオブジェクトに戻します。
  • コールバック関数は、2 つの引数 (value, key) で呼び出されます。

以下は、pickBy() 関数のコードです:

const pickBy = (obj, fn) =>
  Object.keys(obj)
    .filter((k) => fn(obj[k], k))
    .reduce((acc, key) => ((acc[key] = obj[key]), acc), {});

この関数を使用して、条件に一致するキーを抽出できます。たとえば:

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

まとめ

おめでとうございます!あなたは「一致するオブジェクトのキーを抽出する」実験を完了しました。あなたのスキルを向上させるために、LabEx でさらに多くの実験を練習できます。