JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://underscorejs.org/underscore.js"></script>
JavaScript
console.log('Document ready');
var newArr = [];
function findDeep(cats, attrs) {
_.each(cats, function(data, i) {
var copy = data;
// delete copy.categories;
newArr.push(copy);
_.each(data.categories, function(newObj) {
var copy2 = newObj;
// delete copy2.categories;
newArr.push(copy2)
if (newObj.categories) {
_.each(newObj.categories, function(otherObj) {
var copy3 = otherObj;
// delete copy3.categories;
newArr.push(copy3)
})
}
})
});
return _.findWhere(newArr, attrs) || null;
}
$.ajax({
url: 'https://api.foursquare.com/v2/venues/categories?oauth_token=UF1B0KEWAMSBI2ZZS1GMZDF2YNQW2SJ2VAHXJ2K0NWAU4TRA&v=20150425',
success: function(data){
console.log(data);
console.log(findDeep(data.response.categories, {name: 'Tunnel'}));
}
});