前端用ajax获取json,【Web前端问题】ajax获取到json数据后,如何筛选json满足特定值的对象??...

2023-05-16

[

{

"province":"广东",

"item":[

{

"ID":"1",

"province_id":"7",

"title":"广东小吃 好吃真好吃",

"imgUrl":"/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link":"https://xxxxxxxxx"

},

{

"ID":"2",

"province_id":"7",

"title":"广东炒饭 香喷喷爱上",

"imgUrl":"/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link":"https://xxxxxxxxx"

}

]

},

{

"province":"江西",

"item":[

{

"ID":"1",

"province_id":"8",

"title":"江西小吃 好吃不上火",

"imgUrl":"/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link":"https://xxxxxxxxx"

},

{

"ID":"2",

"province_id":"8",

"title":"江西炒饭 香喷喷",

"imgUrl":"/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link":"https://xxxxxxxxx"

}

]

},

{

"province":"广西",

"item":[

{

"ID":"1",

"province_id":"9",

"title":"优质酱卤牛肉",

"imgUrl":"/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link":"https://xxxxxxxxx"

},

{

"ID":"2",

"province_id":"9",

"title":"农家自制豆制品豆干豆腐",

"imgUrl":"/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link":"https://xxxxxxxxx"

}

]

}

]

如上面是ajax获取到的json数据,我想要找到title=”炒饭”(模糊搜索)所在的对象(符合条件的对象可能不止一个,只要符合都找出来),结果为:

{

"ID":"2",

"province_id":"7",

"title":"广东炒饭 香喷喷爱上",

"imgUrl":"/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link":"https://xxxxxxxxx"

},

{

"ID":"2",

"province_id":"8",

"title":"江西炒饭 香喷喷",

"imgUrl":"/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link":"https://xxxxxxxxx"

}

js白痴一枚,求大神指导,我能无耻的求一份demo吗?再不济也请告诉我一下如何实现的思路好么?还有两天,做不出来就完蛋了,跪求!

回答:

var oJson = [{

"province": "广东",

"item": [{

"ID": "1",

"province_id": "7",

"title": "广东小吃 好吃真好吃",

"imgUrl": "/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link": "https://xxxxxxxxx"

}, {

"ID": "2",

"province_id": "7",

"title": "广东炒饭 香喷喷爱上",

"imgUrl": "/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link": "https://xxxxxxxxx"

}]

}, {

"province": "江西",

"item": [{

"ID": "1",

"province_id": "8",

"title": "江西小吃 好吃不上火",

"imgUrl": "/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link": "https://xxxxxxxxx"

}, {

"ID": "2",

"province_id": "8",

"title": "江西炒饭 香喷喷",

"imgUrl": "/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link": "https://xxxxxxxxx"

}]

}, {

"province": "广西",

"item": [{

"ID": "1",

"province_id": "9",

"title": "优质酱卤牛肉",

"imgUrl": "/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link": "https://xxxxxxxxx"

}, {

"ID": "2",

"province_id": "9",

"title": "农家自制豆制品豆干豆腐",

"imgUrl": "/wp-content/uploads/aaacj/202104181234/2815101302.jpg",

"link": "https://xxxxxxxxx"

}]

}];

var aSearch = [];

oJson.forEach(function(ele){//循环外层数组

var aTemp = ele.item.filter(function(i){

return i.title.includes('炒饭'); // 过滤符合要求的item数组

});

aSearch = aSearch.concat(aTemp); // 将符合要求的数组合并到aSearch;

});

console.log(aSearch);

回答:

function getSelect(name, arr) {

var reg = new RegExp(name);

arr.forEach(function(arr_item, i) {

arr_item.item = arr_item.item.filter(function(inner, j) {

return reg.test(inner.title)

})

})

return arr

}

console.log(getSelect('炒饭', data))

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

前端用ajax获取json,【Web前端问题】ajax获取到json数据后,如何筛选json满足特定值的对象??... 的相关文章

随机推荐