Сравнение свойств объектов

JavaScriptJavaScriptBeginner
Практиковаться сейчас

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

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом практическом занятии мы изучим, как использовать функцию matches в JavaScript для сравнения двух объектов и определения, имеют ли они эквивалентные значения свойств. Эта функция может быть полезна в сценариях, когда необходимо проверить, имеют ли два объекта одинаковые свойства и значения, например, при проверке ввода пользователя или сравнении данных из разных источников. В конце этого практического занятия вы будете лучше понимать, как использовать функцию 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

Для сравнения двух объектов и проверки, имеют ли они одинаковые значения свойств, используйте функцию matches. Вот, как ее использовать:

  1. Откройте Терминал/SSH и введите node, чтобы начать программирование.
  2. Скопируйте и вставьте код функции matches в ваш файл JavaScript.
  3. Вызовите функцию и передайте два объекта в качестве аргументов. Первый объект - это тот, который вы хотите сравнить, а второй объект - это тот, с которым вы хотите сравнить его.
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() для получения всех ключей второго объекта, а затем проверяет, существуют ли все ключи в первом объекте и имеют ли они одинаковые значения с использованием Array.prototype.every(), Object.prototype.hasOwnProperty() и строгого сравнения.

Резюме

Поздравляем! Вы завершили практическое занятие по сравнению свойств объектов. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.