オブジェクトのプロパティを一致させる

JavaScriptJavaScriptBeginner
今すぐ練習

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

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

はじめに

この実験では、JavaScript の matches 関数を使って 2 つのオブジェクトを比較し、それらが同等のプロパティ値を持っているかどうかを判断する方法を探ります。この関数は、ユーザー入力の検証や異なるソースからのデータの比較など、2 つのオブジェクトが同じプロパティと値を持っているかどうかを確認する必要があるシナリオで役立ちます。この実験が終わるとき、matches 関数の使い方とそれがコーディングタスクをどのように簡素化できるかをより深く理解するようになります。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/data_types -.-> lab-28490{{"オブジェクトのプロパティを一致させる"}} javascript/arith_ops -.-> lab-28490{{"オブジェクトのプロパティを一致させる"}} javascript/destr_assign -.-> lab-28490{{"オブジェクトのプロパティを一致させる"}} end

JavaScript でオブジェクトのプロパティを比較する方法

2 つのオブジェクトを比較し、同じプロパティ値を持っているかどうかを確認するには、matches 関数を使います。使い方は以下の通りです。

  1. ターミナル/SSH を開き、コーディングを始めるために node と入力します。
  2. matches 関数のコードをコピーして、JavaScript ファイルに貼り付けます。
  3. 関数を呼び出し、2 つのオブジェクトを引数として渡します。最初のオブジェクトは比較したいオブジェクトで、2 番目のオブジェクトはそれと比較したいオブジェクトです。
matches({ age: 25, hair: "long", beard: true }, { hair: "long", beard: true });
// true
matches({ hair: "long", beard: true }, { age: 25, hair: "long", beard: true });
// false

matches 関数は、Object.keys() を使って 2 番目のオブジェクトのすべてのキーを取得し、その後、Array.prototype.every()Object.prototype.hasOwnProperty() および厳密な比較を使って、最初のオブジェクトにすべてのキーが存在し、同じ値を持っているかどうかを確認します。

まとめ

おめでとうございます!あなたはオブジェクトのプロパティを一致させる実験を完了しました。あなたの技術を向上させるために、LabEx でさらに多くの実験を行って練習することができます。