查詢嵌套JSON

我的影片格式一些像這樣的JSON數據：查詢嵌套JSON

{ 
    "id": "ABC123", 
    "offerPrice": 42.00, 
    "regularPrice": 42.00, 
    "variations": [{ 
     "key": "Style", 
     "value": "Black" 
    }, { 
     "key": "Personalization", 
     "value": "2 Lines of Personalization" 
    }] 
}, { 
    "id": "987ZYX", 
    "offerPrice": 52.00, 
    "regularPrice": 52.00, 
    "variations": [{ 
     "key": "Style", 
     "value": "Black" 
    }, { 
     "key": "Personalization", 
     "value": "3 Lines of Personalization" 
    }] 
}

我需要做的就是查詢的「變化」陣列的內部值，如果發現匹配返回的對象。

我能夠查詢值的「第一級」就好：

var results = jQuery.grep(obj, function (element, index) { 
    return element.offerPrice == "42.00"; 
});

，我可以查詢變化如果我指定的索引值（我顯然不希望這樣做）：

var results = jQuery.grep(obj, function (element, index) { 
    return element.variations[1].key == "Personalization" && element.variations[1].value == "2 Lines of Personalization"; 
});

這是理想我想這樣做，但它不工作：

var results = jQuery.grep(obj.variations, function (element, index) { 
    return element.key == "Personalization" && element.value == "2 Lines of Personalization"; 
});

我不斷收到：

Uncaught TypeError: Cannot read property 'length' of undefined

這裏有一個的jsfiddle：http://jsfiddle.net/VzqWW/3/

任何想法？

來源

2013-03-07 Brian Boerst

您將需要使用.grep兩次。 – 2013-03-07 23:06:49

您期望輸出的結構是什麼？ – MattDiamant 2013-03-07 23:09:59

我以爲我得到了嵌套greps的地方，但這會返回所有的對象http://jsfiddle.net/59RGE/（對不起，這是無益的 - 已被稱爲離開，但認爲我的火腿嘗試可能會給你一個線索） – Jon 2013-03-07 23:12:59

因爲obj是一個數組，所以不存在obj.variations這樣的對象。類似的東西應該工作：

var results = jQuery.grep(obj, function (element, index) { 
    res = jQuery.grep(element.variations, function (element2, index2) { 
     return element2.key== "Personalization" && element2.value == "2 Lines of Personalization"; 
    }); 
    return (res.length != 0); 
});

來源

2013-03-07 23:11:47

謝謝Tomer！我最終使用這種解決方案，因爲它運行良好，不需要任何ES5墊片。我們絕對支持瀏覽器 2013-03-07 23:42:25

不客氣:) – 2013-03-07 23:50:14

您可以用標準的陣列與map（link）過濾，reduce（link）和filter（link），其之際，ES5的一部分方法做到這一點，我已經更新在jsfiddle使用它們，但代碼是內嵌在下面：

var variations = obj.map(function (x) { 
    return x.variations; 
}).reduce(function (x, y) { 
    return x.concat(y); 
}); 

var personalizationVariations = variations.filter(function (v) { 
    return v.key== "Personalization" && v.value == "2 Lines of Personalization" 
}); 
console.log('Personalization Variations', personalizationVariations);

如果你支持ES3的瀏覽器（< IE9），你需要像es5shim它增加了這些方法。

來源

2013-03-07 23:12:06

這適用於我。

var obj=[{ 
    "id": "ABC123", 
    "offerPrice": 42.00, 
    "regularPrice": 42.00, 
    "variations": [{ 
     "key": "Style", 
     "value": "Black" 
    }, { 
     "key": "Personalization", 
     "value": "2 Lines of Personalization" 
    }] 
}, { 
    "id": "987ZYX", 
    "offerPrice": 52.00, 
    "regularPrice": 52.00, 
    "variations": [{ 
     "key": "Style", 
     "value": "Black" 
    }, { 
     "key": "Personalization", 
     "value": "3 Lines of Personalization" 
    }] 
}]; 
var result=$.grep(obj,function(element,index){ 
    return element.offerPrice=="42.00"; 
}); 
var variations=$.grep(result[0].variations, function(element, index){ 
    return element.key == "Personalization" && element.value == "2 Lines of Personalization"; 
});

來源

2013-03-07 23:19:27

在ES5你可以寫這樣的事情：

var filtered = obj.filter(function(el){ 
    return el.variations.some(function(el) { 
    return el.key === "Personalization" && el.value === "2 Lines of Personalization"; 
    }) 
}); 

console.log(filtered);

您可以使用grep在jQuery來模擬filter，但據我所知，它沒有像some什麼。當然你可以效仿它。您還可以在MDN中找到墊片filter和some。

一般來說，如果我們想要支持舊版本的瀏覽器，總是會有一個ES5功能的墊片。

來源

2013-03-07 23:29:21 ZER0

如何使用jQuery.map與grep一起使用。

var allVariations = $.map(obj, function(element, i) { 
    return element.variations; 
}); 

var variations = $.grep(allVariations, function(variation, index) { 
    return variation.key == "Personalization" && variation.value == "2 Lines of Personalization"; 
});

來源

2013-03-07 23:39:24 Garett

查詢嵌套JSON

回答

相關問題