仅在发生更改时更新Javascript对象

问题描述

我的数据库上有一个javascript对象，它的个人数据是这样的：

const storedUserData = {
      name: "John",sirname:"Doe",phone: "666-666-66666",streetName: "Fake Street",streetNumber: "123",zipCode: "90125"
}

并且我有一个单独的对象，该对象具有相同的结构（基本上位于前端），并且它是读取表单数据的结果。

const formData = {
      name: "John",zipCode: "90125"
}

基本上，当用户单击“提交”时，我要检查上面的存储对象storedUserData和新对象formData之间是否存在差异。如果存在差异，请将差异保存到数据库中。

当然，我可以对每个属性继续这样，因为很少：

if(storedUserData.name !== formData.name) {
   pushDataToDb()
}

但是它是一种懒惰的方法，我想正确地做。我一直在阅读对象键，但是我无法弄清楚。我如何才能成功地在两个项目的每个属性之间进行比较，然后仅在两个属性之间发生变化时才循环到数据库。

谢谢。

解决方法

您可以使用上述循环，

function isEquivalent(a,b) {
    // Create arrays of property names
    var aProps = Object.getOwnPropertyNames(a);
    var bProps = Object.getOwnPropertyNames(b);

    // If number of properties is different,// objects are not equivalent
    if (aProps.length != bProps.length) {
        return false;
    }

    for (var i = 0; i < aProps.length; i++) {
        var propName = aProps[i];

        // If values of same property are not equal,// objects are not equivalent
        if (a[propName] !== b[propName]) {
            return false;
        }
    }

    // If we made it this far,objects
    // are considered equivalent
    return true;
}

详细了解here

javascript loops object object