在对象数组中查找更改的对象

Question

使用一组 Javascript 对象，我想编辑一些值，然后获取一组更改的对象。

a=[{x:1,y:2},{x:2,y:4}];
b = _.clone(a);  
// When I change b, a is also changed.  I can no longer know the original a.

////////////////////////////////
a=[{x:1,y:2},{x:2,y:4}];
b = _.map( a, _.clone );
// When I change b, a is not changed, 
// but I cannot find only the changed JSONs.
// Every JSON between a and b are considered different.

DEMO

如何实现以下？

a=[{x:1,y:2},{x:2,y:4}];
b = SOME_CLONE_OF_a;
b[0].x=5;
DIFF(b,a)  // want to get [{x:5,y:2}]
DIFF(a,b)  // want to get [{x:1,y:2}]

[已编辑]
这个问题不是How do you clone an array of objects using underscore?的重复问题

那里提供的答案回答了那个问题（如何克隆），但没有回答我的问题（如何克隆并知道区别）。

这个问题中的DEMO使用了那个答案中的技巧，并证明它找不到想要的差异。

Answer 1

又快又脏的解决方案？使用JSON.stringify 对对象进行深度比较。

console.group('map');
a=[{x:1,y:2},{x:2,y:4}];
b = _.map( a, _.clone );  // https://stackoverflow.com/questions/21003059/how-do-you-clone-an-array-of-objects-using-underscore
console.log( 'diff', _.difference(b,a) );  // all different
b[0].x=5;
console.log( 'a[0]', a[0] );  // a[0] does not change with b[0]
console.log( 'b[0]', b[0] );
console.log( 'diff', _.difference(b,a) );  // all different
console.groupEnd('map');

console.log(_.difference(_.map(a, JSON.stringify), _.map(b, JSON.stringify)))

console.log(_.map(_.difference(_.map(a, JSON.stringify), _.map(b, JSON.stringify)), JSON.parse))

console.log(_.difference(_.map(b, JSON.stringify), _.map(a, JSON.stringify)))

console.log(_.map(_.difference(_.map(b, JSON.stringify), _.map(a, JSON.stringify)), JSON.parse))

正确解决方案？实现类似这个问题中讨论的 uniqArrays 的东西：

Finding nested duplicate arrays in JavaScript. (Nested Array uniq in lodash/underscore)