分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

js 遍历tree的一个例子

发布时间:2023-09-06 02:23责任编辑:沈小雨关键词:js遍历

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

<!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>

js 遍历tree的一个例子

原文地址:https://www.cnblogs.com/DZzzz/p/10010365.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved