匹配对象属性

简介

在本实验中，我们将探索如何使用 JavaScript 中的 matches 函数来比较两个对象，并确定它们是否具有等效的属性值。在需要检查两个对象是否具有相同属性和值的场景中，此函数会很有用，例如在验证用户输入或比较来自不同源的数据时。完成本实验后，你将更好地理解如何使用 matches 函数以及它如何简化你的编码任务。

Skills Graph

如何在 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 中练习更多实验以提升技能。