Correspondance des propriétés d'objets

JavaScriptJavaScriptBeginner
Pratiquer maintenant

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

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons explorer comment utiliser la fonction matches en JavaScript pour comparer deux objets et déterminer s'ils ont des valeurs de propriété équivalentes. Cette fonction peut être utile dans des scénarios où vous devez vérifier si deux objets ont les mêmes propriétés et valeurs, par exemple lors de la validation de l'entrée utilisateur ou de la comparaison de données provenant de différentes sources. À la fin de ce laboratoire, vous aurez une meilleure compréhension de la manière d'utiliser la fonction matches et de la manière dont elle peut simplifier vos tâches de codage.


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{{"Correspondance des propriétés d'objets"}} javascript/arith_ops -.-> lab-28490{{"Correspondance des propriétés d'objets"}} javascript/destr_assign -.-> lab-28490{{"Correspondance des propriétés d'objets"}} end

Comment comparer les propriétés d'objets en JavaScript

Pour comparer deux objets et vérifier s'ils ont les mêmes valeurs de propriété, utilisez la fonction matches. Voici comment l'utiliser :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à coder.
  2. Copiez et collez le code de la fonction matches dans votre fichier JavaScript.
  3. Appelez la fonction et passez deux objets en arguments. Le premier objet est celui que vous voulez comparer, et le second objet est celui avec lequel vous voulez le comparer.
matches({ age: 25, hair: "long", beard: true }, { hair: "long", beard: true });
// true
matches({ hair: "long", beard: true }, { age: 25, hair: "long", beard: true });
// false

La fonction matches utilise Object.keys() pour obtenir toutes les clés du second objet puis vérifie si toutes les clés existent dans le premier objet et ont les mêmes valeurs en utilisant Array.prototype.every(), Object.prototype.hasOwnProperty() et une comparaison stricte.

Sommaire

Félicitations ! Vous avez terminé le laboratoire sur la correspondance des propriétés d'objets. Vous pouvez pratiquer d'autres laboratoires dans LabEx pour améliorer vos compétences.