我有一個 json 對象,如下所示:
[
{
name: 'data 1',
users: [
{
username: 'user 1',
full_name: 'name 1',
sources: [
{ type: 'type 1', name: 'source name 1' },
{ type: 'type 2', name: 'source name 2' },
],
},
{
username: 'user 2',
full_name: 'name 2',
sources: [
{ type: 'type 3', name: 'source name 3' },
{ type: 'type 4', name: 'source name 4' },
],
},
],
},
{
name: 'data 2',
users: [
{ username: 'user 3', full_name: 'name 3' },
{
username: 'user 4',
full_name: 'name 4',
sources: [
{ type: 'type 5', name: 'source name 3' },
{ type: 'type 6', name: 'source name 5' },
],
},
],
},
{
name: 'data 3',
users: [
{ username: 'user 5', full_name: 'name 5' },
{
username: 'user 6',
full_name: 'name 6',
sources: [
{ type: 'type 5', name: 'source name 6' },
{ type: 'type 6', name: 'source name 7' },
],
},
],
},
];
我需要一個函數來遞歸過濾數據的所有值。例如,當我輸入“data 1”時,它應該返回一個數組,例如
[
{
name: 'data 1',
users: [
{
username: 'user 1',
full_name: 'name 1',
sources: [
{ type: 'type 1', name: 'source name 1' },
{ type: 'type 2', name: 'source name 2' },
],
},
{
username: 'user 2',
full_name: 'name 2',
sources: [
{ type: 'type 3', name: 'source name 3' },
{ type: 'type 4', name: 'source name 4' },
],
},
],
},
];
或者如果我輸入“源名稱 3”,它應該將“數據 1”和“數據 2”對像作為數組返回。
json 對象的值中可能有更多的數組或對象。我試過這樣的事情,但它返回所有數據而不是過濾數據。
function search(data) {
return data.filter((data) => {
Object.values(data).some((value) =>
value.constructor.name === 'Array'
? search(value)
: value.constructor.name === 'Object'
? Object.values(value).some((innerValue) =>
innerValue.toString().toLowerCase().includes(searchValue)
)
: value.toString().toLowerCase().includes(searchValue)
);
});
}
如果我必須通過某個特定的鍵來做到這一點,那會很容易,但我必須按所有鍵動態過濾。我應該怎麼做才能過濾這樣的 json 對象?
您可以採用遞歸方法。通過擁有一個對象,它也會迭代這些值。
const
has = value => object => Object
.values(object)
.some(v => v === value || v && typeof v === 'object' && has(value)(v)),
filter = (array, value) => array.filter(has(value)),
data = [{ name: 'data 1', users: [{ username: 'user 1', full_name: 'name 1', sources: [{ type: 'type 1', name: 'source name 1' }, { type: 'type 2', name: 'source name 2' }] }, { username: 'user 2', full_name: 'name 2', sources: [{ type: 'type 3', name: 'source name 3' }, { type: 'type 4', name: 'source name 4' }] }] }, { name: 'data 2', users: [{ username: 'user 3', full_name: 'name 3' }, { username: 'user 4', full_name: 'name 4', sources: [{ type: 'type 5', name: 'source name 3' }, { type: 'type 6', name: 'source name 5' }] }] }, { name: 'data 3', users: [{ username: 'user 5', full_name: 'name 5' }, { username: 'user 6', full_name: 'name 6', sources: [ { type: 'type 5', name: 'source name 6' }, { type: 'type 6', name: 'source name 7' }] }] }];
console.log(filter(data, 'data 1'));
console.log(filter(data, 'source name 3'));
.as-console-wrapper { max-height: 100% !important; top: 0; }
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句