JavaScript における単純なオブジェクトの探索

はじめに

この実験では、JavaScript を使って与えられた値が単純なオブジェクトかどうかをチェックする概念を探ります。提供された値が Object コンストラクタによって作成されたオブジェクトであるかどうかを確認するために、isPlainObject()関数を使用します。この実験が終了するまでに、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/obj_manip("Object Manipulation") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28434{{"値が単純なオブジェクトかどうか"}} javascript/data_types -.-> lab-28434{{"値が単純なオブジェクトかどうか"}} javascript/arith_ops -.-> lab-28434{{"値が単純なオブジェクトかどうか"}} javascript/comp_ops -.-> lab-28434{{"値が単純なオブジェクトかどうか"}} javascript/obj_manip -.-> lab-28434{{"値が単純なオブジェクトかどうか"}} javascript/destr_assign -.-> lab-28434{{"値が単純なオブジェクトかどうか"}} end

値が単純なオブジェクトかどうかを確認する

値が単純なオブジェクトかどうかを確認するには、次の手順に従います。

値が真であることを確認する。
typeofを使用して、それがオブジェクトであることを確認する。
Object.prototype.constructorを使用して、コンストラクタがObjectに等しいことを確認する。

このチェックを実装するには、次のコードを使用します。

const isPlainObject = (val) =>
  !!val && typeof val === "object" && val.constructor === Object;

次の例でこの関数をテストできます。

isPlainObject({ a: 1 }); // true
isPlainObject(new Map()); // false

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

まとめ

おめでとうございます！「値が単純なオブジェクトかどうか」の実験を完了しました。LabEx でさらに多くの実験を行って、スキルを向上させましょう。