递归函数中使用for循环的时候，return出的数据为undefined的解决方法

方法一：函数内return局部变量，找到需要的数据之后给局部变量赋值，然后需要使用break中断循环，防止局部变量被赋予空值。代码如下：

const arr = [{ id: 1, name: '小A', children:[{ id: 3, name: '小C' }]}, { id: 2, name: '小B' }];
function fun(data, id) {
    let temp = "";
    for (let item of data) {
        if (item.id === id) {
            temp = item.name;
            break;
        } else {
            if (item.children) temp = this.fun(item.children, id);
        }
    }
    return temp;
}
const name = fun(arr, 3); // 小C

方法二：直接定义全局变量去接收需要的数据，不需要进行return操作。代码如下：

const arr = [{ id: 1, name: '小A', children:[{ id: 3, name: '小C' }]}, { id: 2, name: '小B' }];
let name = "";
function fun(data, id) {
    for (let item of data) {
        if (item.id === id) {
            name = item.name;
        } else {
            if (item.children) this.fun(item.children, id);
        }
    }
}
fun(arr, 3); 
console.log(name); // 小C

方法三：找到需要的数据之后，通过回调函数进行赋值操作。代码如下：

const arr = [{ id: 1, name: '小A', children:[{ id: 3, name: '小C' }]}, { id: 2, name: '小B' }];
function fun(data, id, callback) {
    for (let item of data) {
        if (item.id === id) {
            callback(item.name)
        } else {
            if (item.children) this.fun(item.children, id, callback);
        }
    }
};
let localName = ""; // 假如这里localName是一个局部变量
fun(arr, 3, name => localName = name); 
console.log(localName); // 小C