js 遍历tree的一个例子

最新推荐文章于 2025-07-04 11:27:15 发布

weixin_30293079

最新推荐文章于 2025-07-04 11:27:15 发布

阅读量445

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/DZzzz/p/10010365.html

本文通过一个JavaScript实例，展示了如何处理复杂的嵌套数据结构，并使用DOM操作来响应用户交互。具体地，代码片段中包含了数组、对象的嵌套结构，以及如何在点击事件中遍历和解析这些数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小例子蕴含着到力量，我希望自己有改变自己生活的能力,自己有主宰自己命运的能力...

备注：这个例子有问题。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    
</head>
<body>
    <div>
        <h1 onclick="test()">test</h1>
    </div>
    <script>

        var arrs = [];
    
        function test(){
           var data = [
               {
                   name: '中国',
                   children: [
                       {
                           name: '教第三节课',
    
                       },
                       {
                           name: '教呼呼',
                           children: [
                               {
                                   name: '大一',
                                   children: [
                                       {
                                           name: '课程1',
                                           children: [
                                               {
                                                   name: '1231'
                                               },
                                               {
                                                   name: '121'
                                               }
                                           ]
                                       },
                                       {
                                           name: '课程2',
                                           children: [
                                               {
                                                   name: '1232'
                                               },
                                               {
                                                   name: '122'
                                               }
                                           ]
                                       },
                                       {
                                           name: '课程3',
                                           children: [
                                               {
                                                   name: '1233'
                                               },
                                               {
                                                   name: '123'
                                               }
                                           ]
                                       },
    
                                   ]
                               }
                           ]
                       },
                       {
                           name: '活动',
                           children:null
                       }
                   ]
               }
           ];
            getArray(data,'活动');
            for(var i in undefined){
                alert(123);
            }
        }
    
        function getArray(data,name)
        {
            for (var i in data) {
                
                if (data[i].name == name) {
                    break;
                } else {
                    getArray(data[i].children, name);
                }
            }
        }
    
    </script>
    
</body>
</html>