如何检查 JSON 是否在 JavaScript 中更改？

在 JavaScript 中，JSON 是一种非常常见的数据格式。通常我们会把 JSON 数据解析成对象进行操作，这时我们可能需要检测 JSON 数据是否更改过。下面介绍一些方法来达到这个目的。

1. 深度比较对象

用深度比较对象的方式来检查 JSON 是否更改是最普遍的方法。这里有个函数可以帮我们比较两个 JSON：

function isJSONEqual(json1, json2){
  var equal = JSON.stringify(json1) === JSON.stringify(json2);
  return equal;
}

该函数通过使用 JSON.stringify() 将对象序列化成字符串后比较它们是否相等。如果 JSON 相等，返回 true，否则返回 false。

使用示例:

var json1 = { name: 'Alice', age: 18 };
var json2 = { name: 'Bob', age: 23 };

var equal = isJSONEqual(json1, json1);
console.log(equal); // true

equal = isJSONEqual(json1, json2);
console.log(equal); // false

2. 使用变量来存储 JSON 数据

如果你在程序中使用了 JSON 数据，你可能会有必要在程序中保存一份原始的 JSON 数据。在需要检测 JSON 是否更改时，只需要比较这个变量和当前的 JSON 是否相等。以下是一个例子：

var originalJSON = { name: 'Alice', age: 18 };
var currentJSON = { name: 'Alice', age: 18 };

// 检测 JSON 是否更改
var isChanged = (JSON.stringify(originalJSON) !== JSON.stringify(currentJSON));
console.log(isChanged); // false

// 更改数据后再次检测
currentJSON.age = 20;
isChanged = (JSON.stringify(originalJSON) !== JSON.stringify(currentJSON));
console.log(isChanged); // true

3. 使用 Proxy 监听更改

使用 Proxy 是一种比较高级的技术，它可以让我们以编程的方式监听对象的更改。代理对象在 JavaScript 中是相当强大的，因为它可以跟踪对象的所有更改。以下是一个例子：

var proxyJSON = new Proxy({ name: 'Alice', age: 18 }, {
  set(target, prop, value){
    if (target[prop] !== value ){
      console.log('JSON 更改:', prop, value);
    }
    target[prop] = value;
  }
});

// 修改 JSON 数据
proxyJSON.name = 'Bob';
proxyJSON.age = 20;

上面的代码我们创建了一个代理对象，它包含了一个 name 和 age 属性。我们使用代理对象来监听更改。我们通过代理对象改变 JSON 属性值时，set 方法将会被调用。然后我们检查属性是否更改，如果更改了，就输出更改的信息。

这仅是一种高级技术，而使用 JavaScript 中的第一种和第二种方法就足以满足我们大多数情况下的需要。

总结

以上是在 JavaScript 中检查 JSON 是否更改的几种方法。深度比较 JSON 对象是最普遍的方法，可以很容易地检测两个 JSON 是否相等。使用变量来存储 JSON 数据也是一种好的方法，在需要的时候比较当前的 JSON 数据和原始的 JSON 数据。除此之外，我们也可以使用代理对象来监听更改。这种方法是比较高级的技术，对于一些复杂的程序可能很有用。