JavaScript におけるオブジェクトの共通キーの探索

JavaScriptJavaScriptBeginner
今すぐ練習

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

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

はじめに

この実験では、2つのオブジェクト間の共通キーを見つけるのに役立つJavaScript関数を調べます。最初のオブジェクトのキーを取得するために Object.keys() メソッドを使用し、その後 Object.prototype.hasOwnProperty() を使用して2番目のオブジェクトに一致するキーがあるかどうかを確認します。最後に、 Array.prototype.filter() を使用して両方のオブジェクトに共通しないキーをフィルタリングします。この実験が終了するまでに、JavaScriptにおいて2つのオブジェクト間の共通キーを効率的に見つける方法を十分に理解するようになります。


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/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28203{{"JavaScript におけるオブジェクトの共通キーの探索"}} javascript/data_types -.-> lab-28203{{"JavaScript におけるオブジェクトの共通キーの探索"}} javascript/arith_ops -.-> lab-28203{{"JavaScript におけるオブジェクトの共通キーの探索"}} javascript/comp_ops -.-> lab-28203{{"JavaScript におけるオブジェクトの共通キーの探索"}} javascript/higher_funcs -.-> lab-28203{{"JavaScript におけるオブジェクトの共通キーの探索"}} javascript/destr_assign -.-> lab-28203{{"JavaScript におけるオブジェクトの共通キーの探索"}} end

コーディングと共通キーの見つけ方に関するヒント

コーディングを練習するには、ターミナル/SSHを開いて node と入力します。

2つのオブジェクト間の共通キーを見つけるには、次の手順に従います。

  1. Object.keys() を使用して最初のオブジェクトのキーを取得します。
  2. Object.prototype.hasOwnProperty() を使用して、2番目のオブジェクトに最初のオブジェクトに含まれるキーがあるかどうかを確認します。
  3. Array.prototype.filter() を使用して、両方のオブジェクトに含まれていないキーをフィルタリングします。

以下はコードの例です。

const commonKeys = (obj1, obj2) =>
  Object.keys(obj1).filter((key) => obj2.hasOwnProperty(key));

この例でコードをテストできます。

commonKeys({ a: 1, b: 2 }, { a: 2, c: 1 }); // ['a']

まとめ

おめでとうございます!あなたは共通キーの実験を完了しました。あなたのスキルを向上させるために、LabExでさらに多くの実験を練習できます。