遍历树形结构,根据key值获取父级到子级的title

发布于 2022-09-12 23:44:13 字数 782 浏览 10 评论 0

  let counnt = [
        {
            title: 6,
            key: '/g',
        },
        {
            title: 1,
            key: '/a',
            subs: [
                {
                    title: 2,
                    key: '/a/b',
                    sybs: [
                        {
                            title: 3,
                            key: '/a/b/c',
                        },
                    ],
                },
            ],
        },
        {
            title: 4,
            key: '/d',
            subs: [
                {
                    title: 5,
                    key: '/d/e',
                },
            ],
        },
    ]

加入当前值是/a/b/c,需要拿到从父级到子级的title,/a/b/c,对应的就是[1,2,3]
/d/e 就是【4,5】 /g 就是【6】

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

友欢 2022-09-19 23:44:13
function getTitleOfKey(list, key) {
  if(!list) return [];
  return list.reduce((res, v) => { 
    if(key.startsWith(v.key)) {
        res.push(v.title);
        // 相等即终止向下查找
        if(key !== v.key) res = res.concat(getTitleOfKey(v.subs, key))
    };
    return res;
  }, [])
}
〃安静 2022-09-19 23:44:13
function loop(arr, key, pks){
    arr = arr || []
    pks = pks || []
    arr.some(item => {
        //区分同一级有如 /a /ab的情况,不能简单使用indexOf
        //if(key.indexOf(item.key) === 0){
        if(key === item.key || key.indexOf(item.key + '/') === 0){
            pks.push(item.title)
            return key === item.key ? true : loop(item.subs, key, pks)
        }
    })

    return pks
}

//你的counnt格式不对
loop(counnt, '/d/e') //[4, 5]
loop(counnt, '/a/b') //[1, 2]
妄想挽回 2022-09-19 23:44:13
function doLoop(o, key) {
    if (o.key == key) {
        return [o.title]
    } else if (typeof o.subs !== 'undefined') {
        for (item in o.subs) {
            let r = doLoop(o.subs[item], key);
            if (r != null) {
                r.push(o.title);
                return r;
            }
        }
    }
    return null
}


counnt.forEach(i = >{
    let r = doLoop(i, "/a/b/c");
    if (r != null) {
        console.log(r)
    }
})

吐槽,楼主你自己看看你发出来的数据,到处都是问题。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文