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)