JavaScript オブジェクト内の一致するキーを見つける

はじめに

この実験では、JavaScriptオブジェクト内で特定の値と一致するすべてのキーを見つける方法を探ります。Object.keys() と Array.prototype.filter() を使うことで、オブジェクトを効率的に検索し、指定された値に対応するキーの配列を返すことができます。これは、複雑なデータ構造を扱うJavaScript開発者にとって非常に役立つスキルになります。

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/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28308{{"一致するキーを見つける"}} javascript/data_types -.-> lab-28308{{"一致するキーを見つける"}} javascript/arith_ops -.-> lab-28308{{"一致するキーを見つける"}} javascript/comp_ops -.-> lab-28308{{"一致するキーを見つける"}} javascript/array_methods -.-> lab-28308{{"一致するキーを見つける"}} javascript/higher_funcs -.-> lab-28308{{"一致するキーを見つける"}} end

一致するキーを見つける

オブジェクト内で特定の値と一致するすべてのキーを見つけるには、次の手順に従います。

ターミナル/SSHを開き、コーディングを練習するために node と入力します。
Object.keys() を使ってオブジェクトのすべてのプロパティを取得します。
Array.prototype.filter() を使って各キーと値のペアをテストし、指定された値と等しいすべてのキーを返します。

このロジックを実装した例の関数は次のとおりです。

const findKeys = (obj, val) =>
  Object.keys(obj).filter((key) => obj[key] === val);

この関数を次のように使うことができます。

const ages = {
  Leo: 20,
  Zoey: 21,
  Jane: 20
};
findKeys(ages, 20); // [ 'Leo', 'Jane' ]

まとめ

おめでとうございます！「一致するキーを見つける」実験を完了しました。スキルを向上させるために、LabExでさらに実験を練習してください。