두 개의 객체 배열이 있습니다. PermissionObj를 기반으로 데이터를 필터링하고 싶습니다.
이것은 오는 양식 데이터베이스입니다. 다음은 permissionObj의 하위 배열 배열입니다.
const PermissionObj = {
permission: [{
"books": [{
"label": "Can View",
"value": "can_view"
}]
},
{
"Journals": [{
"label": "Can View",
"value": "can_view"
},
{
"label": "Can Create",
"value": "can_create"
},
]
},
{
"deal": [{
"label": "Can update",
"value": "can_update"
},
{
"label": "Can delete",
"value": "can_delete"
},
]
}
]
}
이것은 정적 데이터입니다. PermissionObj를 기반으로이 데이터를 비교하고 싶습니다.
const data = [{
label: "books",
value: "can_view"
},
{
label: "deal",
content: [{
value: "can_update"
}, {
value: "can_delete"
},{value:"can_view"}]
},
{
label: "Articles",
},
{
label: "Journals",
content: [{
value: "can_create"
},
{
value: "can_view"
},
{
value: "can_delete"
},
{
value: "can_edit"
},
]
}
]
PermissionObj 개체 배열을 기반으로 개체의 필터 데이터 배열을 시도하고 있습니다 . 여기 내 시도 코드입니다.
let permission = PermissionObj.permission
permission.filter(item=>{
// I am finding data label by using permission label.
let dataItem = data.find(index=>item[index.label])
console.log(dataItem)
})
// the problem is that I want to filtering based on value .
// if both of value is true , then show the data .
PermissionObj 값이 데이터 값과 일치하는 경우. 그런 다음 데이터를 표시합니다.
내 허용 출력은 다음 형식입니다.
const data = [{
label: "books",
value: "can_view"
},
{
label: "deal",
content: [{
value: "can_update"
}, {
value: "can_delete"
}]
},
{
label: "Journals",
content: [{
value: "can_create"
},
{
value: "can_view"
},
]
}
]
keysPermissionObj에서 첫 번째 빌드 . 라벨이에 포함 된 데이터 배열에 필터를 사용합니다 keys.
const PermissionObj = {
permission: [
{
books: [
{
label: "Can View",
value: "can_view"
}
]
},
{
Journals: [
{
label: "Can View",
value: "can_view"
},
{
label: "Can Create",
value: "can_create"
}
]
},
{
deal: [
{
label: "Can update",
value: "can_update"
},
{
label: "Can delete",
value: "can_delete"
}
]
}
]
};
const data = [
{
label: "books",
value: "can_view"
},
{
label: "deal",
content: [
{
value: "can_update"
},
{
value: "can_delete"
}
]
},
{
label: "Articles"
},
{
label: "Journals",
content: [
{
value: "can_create"
},
{
value: "can_view"
}
]
}
];
const perm = {};
PermissionObj.permission.forEach(item =>
Object.entries(item).forEach(([key, values]) => {
perm[key] = values.map(x => x.value);
})
);
const updated = data
.map(item => {
const newItem = {
...item
};
if (item.content) {
newItem.content = item.content.filter(x =>
perm[item.label].includes(x.value)
);
} else if (item.value) {
newItem.value = perm[item.label].includes(item.value) ? item.value : "";
}
return newItem;
})
.filter(x => x.content || x.value);
console.log(updated);이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다