Comparar Propiedades de Objetos

JavaScriptJavaScriptBeginner
Practicar Ahora

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

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos cómo utilizar la función matches en JavaScript para comparar dos objetos y determinar si tienen valores de propiedad equivalentes. Esta función puede ser útil en casos donde necesites comprobar si dos objetos tienen las mismas propiedades y valores, como cuando se valida la entrada del usuario o se comparan datos de diferentes fuentes. Al final de este laboratorio, tendrás una mejor comprensión de cómo utilizar la función matches y cómo puede simplificar tus tareas de codificación.


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{{"Comparar Propiedades de Objetos"}} javascript/arith_ops -.-> lab-28490{{"Comparar Propiedades de Objetos"}} javascript/destr_assign -.-> lab-28490{{"Comparar Propiedades de Objetos"}} end

Cómo comparar propiedades de objetos en JavaScript

Para comparar dos objetos y comprobar si tienen los mismos valores de propiedad, utiliza la función matches. Aquí está cómo se utiliza:

  1. Abre la Terminal/SSH y escribe node para comenzar a codificar.
  2. Copia y pega el código de la función matches en tu archivo JavaScript.
  3. Llama a la función y pasa dos objetos como argumentos. El primer objeto es el que quieres comparar, y el segundo objeto es el que quieres compararlo con.
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 función matches utiliza Object.keys() para obtener todas las claves del segundo objeto y luego comprueba si todas las claves existen en el primer objeto y tienen los mismos valores utilizando Array.prototype.every(), Object.prototype.hasOwnProperty() y una comparación estricta.

Resumen

¡Felicitaciones! Has completado el laboratorio de Propiedades de Objeto Coincidentes. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.