我有这个数组
[
{
id: "2b077c3c-9d3a-48ba-9217-f5d3d28c2dfc",
description: "Response #1",
user: { id: "3ae5967a-cdfa-4047-aff9-b0c95d2d4da4", name: "User" },
responses: [
{
id: "69442cb1-7de7-4f2d-9c8b-d6689fa1d007",
description: "Response #2",
media: "b414e44f-7371-4cef-b0d9-d240e55b0ed1.jpg",
user: { id: "3ae5967a-cdfa-4047-aff9-b0c95d2d4da4", name: "User" }
}
]
},
{
id: "d8271620-9937-4815-bd35-acad62d85f53",
description: "Response #3",
user: { id: "3ae5967a-cdfa-4047-aff9-b0c95d2d4da4", name: "User" },
responses: [
{
id: "05acce0a-8f7e-4ccd-9bbc-3337e4faa8ca",
description: "Response #4",
user: { id: "3ae5967a-cdfa-4047-aff9-b0c95d2d4da4", name: "User" }
}
]
}
]
我想将属性重命名为
[
{
id: "2b077c3c-9d3a-48ba-9217-f5d3d28c2dfc",
name: "User — Response #1",
children: [
{
id: "69442cb1-7de7-4f2d-9c8b-d6689fa1d007",
name: "User — Response #2"
}
]
},
{
id: "d8271620-9937-4815-bd35-acad62d85f53",
name: "User — Response #3",
children: [
{
id: "05acce0a-8f7e-4ccd-9bbc-3337e4faa8ca",
name: "User — Response #4",
}
]
}
]
我试图用映射和递归来解决这个问题
function mapArray(array) {
return array.map(({ id, description, user: { name }, responses }) => {
if (responses !== undefined) {
return mapArray(responses);
}
return {
id,
name: `${name} — ${description}`,
children: responses
};
});
}
但是它的数组变成嵌套的，而孩子是undefined.
[
[
{
id: '69442cb1-7de7-4f2d-9c8b-d6689fa1d007',
name: 'User — Response #2',
children: undefined
}
],
[
{
id: '05acce0a-8f7e-4ccd-9bbc-3337e4faa8ca',
name: 'User — Response #4',
children: undefined
}
]
]
请注意，responses具有不确定的深度。
我哪里搞砸了？谢谢
你很亲近。if 条件中只有 1 行更改应该修复它。
function mapArray(array) {
return array.map(({ id, description, user: { name }, responses }) => {
if (responses !== undefined) {
responses = mapArray(responses);
}
return {
id,
name: `${name} — ${description}`,
children: responses
};
});
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句