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

[

{

"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))

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值