树形数组对象列表,有三层列表数据,第一层树形列表数组内每一个对象都有key和title,如何给第二层,第三层树形数组内的对象增加key和title,第二层和第三层中nodeId的值赋值给key,text的值赋值给title,给出详细代码
时间: 2024-03-17 18:44:46 浏览: 58
假设第一层树形列表数组为 `firstLevelArr`,第二层为 `secondLevelArr`,第三层为 `thirdLevelArr`,则可以使用以下代码为第二、第三层树形数组内对象增加 `key` 和 `title`:
```javascript
firstLevelArr.forEach(firstLevelItem => {
// 给第二层树形数组内对象增加 key 和 title
firstLevelItem.children.forEach(secondLevelItem => {
secondLevelItem.key = secondLevelItem.nodeId;
secondLevelItem.title = secondLevelItem.text;
// 给第三层树形数组内对象增加 key 和 title
secondLevelItem.children.forEach(thirdLevelItem => {
thirdLevelItem.key = thirdLevelItem.nodeId;
thirdLevelItem.title = thirdLevelItem.text;
});
});
});
```
这段代码会遍历第一层树形列表数组,然后遍历第二层和第三层树形数组内对象,分别给它们增加 `key` 和 `title` 属性,并将 `nodeId` 和 `text` 的值分别赋值给它们。
相关问题
树形数组对象列表,有三层列表数据,第一层树形列表数组内每一个对象都有key和title,如何给第二层,第三层树形数组内的对象增加key和title,给出详细代码
假设我们有一个树形数组对象列表,如下所示:
```javascript
const data = [
{
key: "1",
title: "Node 1",
children: [
{
key: "1-1",
title: "Node 1-1",
children: [
{
key: "1-1-1",
title: "Node 1-1-1"
},
{
key: "1-1-2",
title: "Node 1-1-2"
}
]
},
{
key: "1-2",
title: "Node 1-2",
children: [
{
key: "1-2-1",
title: "Node 1-2-1"
},
{
key: "1-2-2",
title: "Node 1-2-2"
}
]
}
]
},
{
key: "2",
title: "Node 2",
children: [
{
key: "2-1",
title: "Node 2-1",
children: [
{
key: "2-1-1",
title: "Node 2-1-1"
},
{
key: "2-1-2",
title: "Node 2-1-2"
}
]
},
{
key: "2-2",
title: "Node 2-2",
children: [
{
key: "2-2-1",
title: "Node 2-2-1"
},
{
key: "2-2-2",
title: "Node 2-2-2"
}
]
}
]
}
];
```
我们可以使用递归的方式遍历树形数组,为每个对象增加key和title属性。具体代码如下:
```javascript
function addKeyAndTitle(data) {
data.forEach(node => {
// 为第一层节点增加key和title属性
node.key = node.key || node.title;
node.title = node.title || node.key;
if (node.children && node.children.length > 0) {
// 如果有子节点,则递归调用本函数为子节点增加key和title属性
addKeyAndTitle(node.children);
}
if (node.children) {
// 为第二层和第三层节点增加key和title属性
node.children.forEach(child => {
child.key = child.key || child.title;
child.title = child.title || child.key;
if (child.children && child.children.length > 0) {
addKeyAndTitle(child.children);
}
});
}
});
}
addKeyAndTitle(data);
console.log(data);
```
执行上述代码后,每个节点都会增加key和title属性,如果原数据中已经有key或title属性,则直接使用原属性值。如果没有,则使用节点的名称作为key和title属性值。
阅读全文