js 递归遍历节点下的所有children,直到节点下不存在children

本文转载自查看原文 2020-07-06 14:01 5563 递归

需求：递归遍历arr,给name名称后面加上后缀“---111”,直到children下没有children为止

原数组：

遍历后数组：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>递归遍历children</title>
</head>
<script src="js/jquery-3.1.1.min.js"></script>
<body>
</body>
    <script>     
         let arr = [{
            name: 'test1'
        },{
            name: 'test2',
            children: [{
                name: 'test2-1'
            }]
        },{
            name: 'test3',
            children: [{
                name: 'test1-1',
                children: [{
                    name: 'test2-1-1'
                }]
            }]
        }]
         
        calleArr(arr);        
        function calleArr(array){
            for(i in array){ 
                var data=array[i];
                if(data.children){
                    data.name=data.name+"--111";
                     calleArr(data.children) //自己调用自己
                }else{
                    data.name=data.name+"--111";
                 }
            }
        }
   console.log(arr);
    </script>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 遍历树结构，当节点的children为空时，删除children js子节点children和childnodes的用法递归遍历XML所有节点递归遍历所有xml的节点及子节点递归遍历所有ul下的所有子节点 javascript中children,childNodes等节点属性 node与Elment以及子节点childrenNode与children的区别(2) js 递归获取子节点所有父节点，深度遍历获取第一个子树 jquery遍历节点 children（），next（），prev（），siblings（）closest() 等一些常用方法... 获取子元素节点(children,childNodes)