[英]Comparing two json arrays
我有這個間隔,它執行ajax請求,目前每5秒。 我對if
語句有疑問。 我的代碼總是輸入它,兩個json值完全相同,為什么它們看起來不同?
var newActivity = null, oldActivity = null;
setInterval(function(){
$.ajax({
type: "get",
url: "/get/new_activity",
dataType: "json",
success: function(data){
oldActivity = newActivity;
newActivity = data;
console.log(JSON.stringify(oldActivity));
console.log(JSON.stringify(newActivity));
if(JSON.stringify(oldActivity) != JSON.stringify(newActivity)){
$("#new-activity").slideDown( "fast" );
}
}
});
}, 5000);
編輯
這是控制台輸出(虛線是分開請求,它不在實際輸出中)
null
[{"title":"How many planets are in the solar system?","title_url":"How-many-planets-are-in-the-solar-system%3F","id":"2","answers":"1","asked":"2013-01-11 10:03:50","asked_pretty":"Today","activity":"2013-01-11 12:33:53","activity_pretty":"Today"},{"title":"Why is the sky blue?","title_url":"Why-is-the-sky-blue%3F","id":"1","answers":"1","asked":"2013-01-11 09:55:13","asked_pretty":"Today","activity":"2013-01-11 12:03:45","activity_pretty":"Today"}]
---------------------------------------------------
[{"title":"How many planets are in the solar system?","title_url":"How-many-planets-are-in-the-solar-system%3F","id":"2","answers":"1","asked":"2013-01-11 10:03:50","asked_pretty":"Today","activity":"2013-01-11 12:33:53","activity_pretty":"Today"},{"title":"Why is the sky blue?","title_url":"Why-is-the-sky-blue%3F","id":"1","answers":"1","asked":"2013-01-11 09:55:13","asked_pretty":"Today","activity":"2013-01-11 12:03:45","activity_pretty":"Today"}]
[{"title":"How many planets are in the solar system?","title_url":"How-many-planets-are-in-the-solar-system%3F","id":"2","answers":"1","asked":"2013-01-11 10:03:50","asked_pretty":"Today","activity":"2013-01-11 12:33:53","activity_pretty":"Today"},{"title":"Why is the sky blue?","title_url":"Why-is-the-sky-blue%3F","id":"1","answers":"1","asked":"2013-01-11 09:55:13","asked_pretty":"Today","activity":"2013-01-11 12:03:45","activity_pretty":"Today"}]
---------------------------------------------------
[{"title":"How many planets are in the solar system?","title_url":"How-many-planets-are-in-the-solar-system%3F","id":"2","answers":"1","asked":"2013-01-11 10:03:50","asked_pretty":"Today","activity":"2013-01-11 12:33:53","activity_pretty":"Today"},{"title":"Why is the sky blue?","title_url":"Why-is-the-sky-blue%3F","id":"1","answers":"1","asked":"2013-01-11 09:55:13","asked_pretty":"Today","activity":"2013-01-11 12:03:45","activity_pretty":"Today"}]
[{"title":"How many planets are in the solar system?","title_url":"How-many-planets-are-in-the-solar-system%3F","id":"2","answers":"1","asked":"2013-01-11 10:03:50","asked_pretty":"Today","activity":"2013-01-11 12:33:53","activity_pretty":"Today"},{"title":"Why is the sky blue?","title_url":"Why-is-the-sky-blue%3F","id":"1","answers":"1","asked":"2013-01-11 09:55:13","asked_pretty":"Today","activity":"2013-01-11 12:03:45","activity_pretty":"Today"}]
JSON對象不能保證以相同的方式序列化,不保證屬性的順序相同,使用JSON.stringify
不是測試對象相等性的好方法。
一個更好的例子是一個像以前的功能(在互聯網上找到,希望我可以歸功於原作者)
/**
* Deep compare of two objects.
*
* Note that this does not detect cyclical objects as it should.
* Need to implement that when this is used in a more general case. It's currently only used
* in a place that guarantees no cyclical structures.
*
* @param {*} x
* @param {*} y
* @return {Boolean} Whether the two objects are equivalent, that is,
* every property in x is equal to every property in y recursively. Primitives
* must be strictly equal, that is "1" and 1, null an undefined and similar objects
* are considered different
*/
function equals ( x, y ) {
// If both x and y are null or undefined and exactly the same
if ( x === y ) {
return true;
}
// If they are not strictly equal, they both need to be Objects
if ( ! ( x instanceof Object ) || ! ( y instanceof Object ) ) {
return false;
}
// They must have the exact same prototype chain, the closest we can do is
// test the constructor.
if ( x.constructor !== y.constructor ) {
return false;
}
for ( var p in x ) {
// Inherited properties were tested using x.constructor === y.constructor
if ( x.hasOwnProperty( p ) ) {
// Allows comparing x[ p ] and y[ p ] when set to undefined
if ( ! y.hasOwnProperty( p ) ) {
return false;
}
// If they have the same strict value or identity then they are equal
if ( x[ p ] === y[ p ] ) {
continue;
}
// Numbers, Strings, Functions, Booleans must be strictly equal
if ( typeof( x[ p ] ) !== "object" ) {
return false;
}
// Objects and Arrays must be tested recursively
if ( !equals( x[ p ], y[ p ] ) ) {
return false;
}
}
}
for ( p in y ) {
// allows x[ p ] to be set to undefined
if ( y.hasOwnProperty( p ) && ! x.hasOwnProperty( p ) ) {
return false;
}
}
return true;
},
一種解決方案是將json數據作為文本而不是json讀取,並且在成功時檢查來自服務器的響應字符串是否與最后一個響應字符串不同。 然后你可以在字符串上調用JSON.parse。 但這使得比較變得更加容易,只需稍微修改一下代碼即可。
我認為你應該嘗試比較他們的屬性。
for(var property in JSON.stringify(oldActivity)) { if(JSON.stringify(oldActivity)[property]!=JSON.stringify(newActivity)[property]) $("#new-activity").slideDown( "fast" ); }
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.