JavaScript で最初の一致するキーを見つける

はじめに

この実験では、findKey と呼ばれる JavaScript 関数の実装を検討します。この関数は、提供されたテスト関数を満たすオブジェクト内の最初のキーを見つけるのに役立ちます。Object.keys() と Array.prototype.find() を使用することで、オブジェクトのプロパティを効率的に検索し、望ましいキーを返すことができます。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28302{{"最初の一致するキーを見つける"}} javascript/data_types -.-> lab-28302{{"最初の一致するキーを見つける"}} javascript/arith_ops -.-> lab-28302{{"最初の一致するキーを見つける"}} javascript/comp_ops -.-> lab-28302{{"最初の一致するキーを見つける"}} javascript/array_methods -.-> lab-28302{{"最初の一致するキーを見つける"}} javascript/destr_assign -.-> lab-28302{{"最初の一致するキーを見つける"}} end

テストに一致する最初のキーを見つける関数

与えられたテスト関数に一致するオブジェクト内の最初のキーを見つけるには、findKey() 関数を使用します。まず、Object.keys() を使ってオブジェクトのすべてのプロパティを取得します。次に、Array.prototype.find() を使って各キーと値のペアにテスト関数を適用します。テスト関数は 3 つの引数を取る必要があります。値、キー、およびオブジェクトです。この関数は、テスト関数を満たす最初のキーを返します。見つからない場合は undefined を返します。

以下は、findKey() の例となる実装です。

const findKey = (obj, fn) =>
  Object.keys(obj).find((key) => fn(obj[key], key, obj));

findKey() を使用するには、オブジェクトとテスト関数を引数として渡します。

findKey(
  {
    barney: { age: 36, active: true },
    fred: { age: 40, active: false },
    pebbles: { age: 1, active: true }
  },
  (x) => x["active"]
); // 'barney'

この例では、findKey() は active プロパティの値が true であるオブジェクト内の最初のキーである 'barney' を返します。

まとめ

おめでとうございます！あなたは最初の一致するキーを見つける実験を完了しました。あなたのスキルを向上させるために、LabExでさらに多くの実験を練習することができます。