免费网站模板之家网站建设渠道

其实问题很简单，就是想要循环遍历整个data对象，来实现所有name转成label，但是想到里面还有children属性，整个children里面可能还会嵌套很多很多的name，如此循环，很难搞，知道使用递归，但却无从下手。

let data = {name: 'a', children: [{ name: 'b', children: null },{ name: 'c', children: [{ name: 'd', children: null },{ name: 'e', children: [{ name: 'f', children: null }] }]}]
}

这里面的结构可能还会有更多的嵌套，首先递归的思路是对的，我们要找一个临界条件来终止整个递归，有一个条件才让他递归。
首先递归肯定是要循环的。
我们可以去循环data整个对象，也可以按照children数组的形式去循环
我喜欢喜欢数组，其实大同小异。

const aaa = (data) => {Array.isArray(data) ? data = data : data = [data]return data.map(item => {item['label'] = item.nameif (item.children && item.children.length !== 0) {aaa(item.children)}return item})
}

我们使用map循环，map的话可能返回一个新的数组，是符合我们递归的需求，不需要新建立一个变量来存储改变之后的数组对象。
这个问题的临界点就是，children是否存在子级，那我们就可以这样判断找到临界

item.children && item.children.length !== 0

只有children存在并且他里面的水族项是有值的才能让他递归，否则不参与递归，直接返回。
递归的话，直接再一次

aaa(item.children)

进入递归条件。这个时候操作的都是item.children里的数组对象，当然这里面也有用带复杂数据类型引用关系的特点。

这样成功了，我们也可以吧name属性删除

delete item.name