[英]Create an tree of objects from arrays
我想從數組中做成一棵對象樹。 這里提供了一個很好的解決方案(我在其中發現了“ reduce”方法): Javascript使用object.create()從字符串中構建了一棵樹。實際上,我的需要與眾不同,我無法調整提供的代碼...所以我回到這里獲得幫助!!! (謝謝)。 我將在本文結尾處張貼完整的初始代碼
輸入:
[
{
"name": "John Doe",
"service": "EE",
},
{
"name": "Jane Doe",
"service": "EE.EA",
},
{
"name": "Jack Smith",
"service": "EE.EA.EB",
},
{
"name": "Jill Smith",
"service": "EE.EA.EC"
},
{
"name": "Jake Smith",
"serviceLevel": "EE.EA.EC"
}
]
輸出:
{
"EE":
{
"serviceFather": "root",
"people": [
{
"name": "John Doe"
}],
"serviceChildren":
{
"EA":
{
"serviceFather": "EE",
"people": [
{
"name": "Jane Doe"
}],
"serviceChildren":
{
"EB":
{
"serviceFather": "EA",
"people": [
{
"name": "Jack Smith"
}],
"serviceChildren":
{}
},
"EC":
{
"serviceFather": "EA",
"people": [
{
"name": "Jill Smith"
},
{
"name": "Jake Smith"
}],
"serviceChildren":
{}
}
}
}
}
}
}
初始代碼:
function format(data) {
const res = []
data.forEach(obj => {
obj.serviceTree.split('.').reduce((r, e, i, a) => {
console.log(r, e, i, a);
const oParent = r.find(({ name }) => name == a[i - 1]);
const match = r.find(({ name }) => name == e);
if (!match) {
const o = Object.create(service);
o.name = e;
if (!a[i + 1]) {
o.serviceName = obj.serviceName;
o.serviceTree = obj.serviceTree;
o.serviceLevel = i;
o.serviceParent = (i == 0 ? 'root' : a[i - 1]);
o.people = [{
familyName: obj.familyName,
firstName: obj.firstName,
jobTitle: obj.jobTitle,
rank: obj.rank,
phone: obj.phone,
mobile: obj.mobile,
mail: obj.mail
}];
if (oParent) {
oParent.serviceChildren.push(o);
} else {
o.serviceChildren = [];
r.push(o);
}
} else {
let treeStamp = a.slice();
treeStamp.pop();
o.serviceName = e;
o.serviceTree = treeStamp.join('.');
o.serviceLevel = i;
o.serviceParent = (i == 0 ? 'root' : a[i - 1]);
o.serviceChildren = [];
r.push(o);
}
return r;
} else {
if (!a[i + 1]) match.people.push({
familyName: obj.familyName,
firstName: obj.firstName,
jobTitle: obj.jobTitle,
rank: obj.rank,
phone: obj.phone,
mobile: obj.mobile,
mail: obj.mail
});
return match.serviceChildren;
}
}, res);
});
return res;
}
您可以使用拆分服務的一部分,並將其作為訪問嵌套對象的鍵。
var data = [{ name: "John Doe", service: "EE" }, { name: "Jane Doe", service: "EE.EA" }, { name: "Jack Smith", service: "EE.EA.EB" }, { name: "Jill Smith", service: "EE.EA.EC" }, { name: "Jake Smith", service: "EE.EA.EC" }], result = {}; data.forEach(({ name, service }) => { service .split('.') .reduce((o, k, i, { [i - 1]: serviceFather = 'root' }) => { o.serviceChildren = o.serviceChildren || {}; o.serviceChildren[k] = o.serviceChildren[k] || { serviceFather, people: [] }; return o.serviceChildren[k]; }, { serviceChildren: result }) .people.push({ name }); }); console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }
給出的代碼過於復雜。 可能很簡單:
const root = { name: "root", serviceChildren: {} };
for(const { name, service } of input) {
let acc = root;
for(const key of service.split(".")) {
if(!acc.serviceChildren[key]) {
acc.serviceChildren[key] = {
name: key,
serviceFather: acc.name,
serviceChildren: {},
people: [],
};
}
acc = acc.serviceChildren[key];
}
acc.people.push({ name });
}
const output = root.serviceChildren;
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.