前端深拷贝 树结构的生成-高级JS

最近看了两个面试题,之前有写过,再写一遍
深拷贝

 		let obj = {
            x: 0,
            y: [1, 2, 3],
            z: {
                a: 0,
                b: 1
            }
        }

        function fn(obj) {
            if (!obj) return {}
            let val = Array.isArray(obj) ? [] : {}
            if (obj && typeof obj === "object") {
                for (let k in obj) {
                    if (obj[k] && typeof obj[k] === "object") {
                        val[k] = fn(obj[k])
                    } else {
                        val[k] = obj[k]
                    }
                }

            } 
            return val
        }
        console.log(111, fn(obj));

一维数组转成树结构
下面代码修改一个地方可以更加看的懂

	if (v.pid === i) {
	     v.children = fn(result, v.id)
	     arr.push(v)
	 }
		let target = [
            {
                id: 1,
                name: "部门1",
                pid: 0,
                children: [
                    {
                        id: 2,
                        name: "部门2",
                        pid: 1,
                        children: []
                    }, {
                        id: 3,
                        name: "部门3",
                        pid: 1,
                        children: [
                            {
                                id: 4,
                                name: "部门4",
                                pid: 3,
                                children: [
                                    {
                                        id: 5,
                                        name: "部门5",
                                        pid: 4
                                    }
                                ]

                            }
                        ]
                    },
                ]
            }
        ]

        let result = [
            { id: 1, name: "部门1", pid: 0 },
            { id: 2, name: "部门2", pid: 1 },
            { id: 3, name: "部门3", pid: 1 },
            { id: 4, name: "部门4", pid: 3 },
            { id: 5, name: "部门5", pid: 4 }
        ]

        function fn(result, i) {
            let arr = []
            result.forEach((v => {
                if (v.pid === i) {
                    arr.push(v)
                    v.children = fn(result, v.id)
                }
                if(v.children?.length === 0) {
                    delete v.children
                }
            }))
            return arr
        }

        console.log(fn(result, 0));
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据提供的代码,这是一个查询树形结构的Java代码示例。代码中使用了递归的方式来查询树形结构中包含指定关键字的节点。首先,通过调用`init()`方法初始化了一个树形结构的列表`treeList`。然后,通过使用Java 8的流式操作,筛选出根节点(`pid`为0的节点),并使用`map`操作将每个根节点的子节点列表设置为通过`getChildren`方法递归获取的子节点列表。最后,使用`collect`操作将结果收集到一个列表中,并使用Gson库将结果转换为JSON格式输出。 在代码中,`TreeEntity`是树形结构的实体类,包含了节点的id、名称、父级id和子级集合。`getChildren`方法用于递归获取指定节点的子节点列表。 请注意,这只是一个示例代码,具体的树形结构查询实现可能会根据实际需求有所不同。 #### 引用[.reference_title] - *1* *2* [Java树形结构查询(Steam)](https://blog.csdn.net/xiaoxiaohan130/article/details/120910211)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [java树形结构---通过关键词查询返回路径](https://blog.csdn.net/bianfu2008zhi/article/details/114880044)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值