代码之家 › 专栏 › 技术社区 › Akhilesh Kumar

如何有效地比较JSON中的更改并跟踪它

json javascript

Akhilesh Kumar · 技术社区 · 7 年前

{
  "a": 5,
  "b": {
      "0": 1,
      "1": "x",
      "length": 2
   },
  "x": {
      "a": 1,
      "1": "z"
  },
  "c": {
      "0": 3,
      "1": "Am",
      "3": {
          "0": 3,
          "1": "x",
          "2": {
              "0": 3,
              "1": "Y",
              "length": 2
          },
          "length": 3
      },
      "length": 4
  }
}

在页面上的每个操作之后,对象的某些属性都发生了更改,但不知道下面会发生什么(参见c[“3”][“2”]):

{
  "a": 5,
  "b": {
      "0": 1,
      "1": "x",
      "length": 2
   },
  "x": {
      "a": 1,
      "1": "z"
  },
  "c": {
      "0": 3,
      "1": "Am",
      "3": {
          "0": 3,
          "1": "x",
          "2": {z:5,n:"y"},
          "length": 3
      },
      "length": 4
  }
}

所以在重放动作的时候,我会改变对象的那部分,它会显示新的对象。

我认为散列对象属性的某种方式应该会有所帮助(就像angularJS在其摘要周期中所做的那样)。

2 回复 | 直到 7 年前

binariedMe 7 年前

我想是把你的物体放平。在每个更改状态下,只需将差异另存为做。最后,要恢复到时间戳,只需按相反的顺序合并,就可以得到最终的对象。

你应该做的是创建一个属性

创建一些时间戳的原始对象,只是递归地合并。你可以用回忆录来进一步改进。

TacheDeChoco 7 年前

有很多js lib可以计算两个JSON有效负载之间的差异,通常是以补丁的形式,以后可以应用补丁

或者在最新版本上以反向模式回到原来的版本。

例如:

https://json-delta.readthedocs.io/en/latest/philosophy.html https://github.com/benjamine/jsondiffpatch

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前