js递归遍历dom树、数组扁平化

最新推荐文章于 2024-07-03 21:29:16 发布

LRuiXin

最新推荐文章于 2024-07-03 21:29:16 发布

阅读量944

点赞数 3

文章标签： js

本文链接：https://blog.csdn.net/LRuiXin/article/details/109461214

版权

本文介绍了JavaScript中如何递归遍历DOM树以及如何扁平化数组。通过实例展示了五种方法，包括使用递归、reduce、toString与split、join与split以及扩展运算符，实现将多维数组转换为一维数组。核心思想是在遍历数组时，遇到子数组进行递归处理，直到所有元素都被处理成非数组并concat到结果中。

摘要由CSDN通过智能技术生成

js递归遍历dom树、数组扁平化

1. 遍历dom树

//数据
var data = [{
   id: 1,name: "办公管理",pid: 0},
		{
   id: 2,name: "请假申请",pid: 1},
		{
   id: 3,name: "出差申请",pid: 1},
		{
   id: 4,name: "请假记录",pid: 2},
		{
   id: 5,name: "系统设置",pid: 0},
		{
   id: 6,name: "权限管理",pid: 5},
		{
   id: 7,name: "用户角色",pid: 6},
		{
   id: 8,name: "菜单设置",pid: 6},
	];

//第一种方法
function getTree1(data) {
   
		const root = data.filter(item => {
   
			return item.pid === 0
		})
		root.forEach(root => {
   
			root.children = data.filter(item => {
   
				return item