首页 > 其他分享 >JS 构造树形

JS 构造树形

时间:2023-09-20 17:13:44浏览次数:26  
标签:map smalls const keys 构造 JS item 树形 key

一、背景

List组装树形Tree

二、实现

点击查看代码
listRolePurifySmalls().then(data => {
      const list = data || []
      const map = {}
      list.forEach(item => {
        let smalls = map[item.divisionName]
        if (!smalls) {
          smalls = []
          map[item.divisionName] = smalls
        }
        smalls.push(item)
      })
      const keys = Object.keys(map)
      this.purifySmalls = keys.map(key => {
        return { name: key, children: map[key], id: '' }
      })
      console.log(this.purifySmalls)
    })

image

三、遇到的报错

四、参考博客

标签:map,smalls,const,keys,构造,JS,item,树形,key
From: https://www.cnblogs.com/lcaiqin/p/17717793.html

相关文章

  • JS 将列表转成树形结构数据
    一、背景联调发现有些后端返回List但是前后需要转树形结构二、实现点击查看代码import_,{isArray}from'lodash'/***将列表转成树形结构数据*@paramnodes列表数据*@paramoptions可选参数,{idKey,pIdKey,childrenKey}*@returns{[]}树形结构数据......
  • Json学习
    Json入门参考资料笔记教程视频教程JSON定义JSON(JavaScriptObjectNotation,JS对象标记)是一种轻量级的数据交换格式,目前使用特别广泛。采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编......
  • js小知识
    #js入门学习参考视频:https://www.bilibili.com/video/BV1JJ41177di/参考资料:https://www.cnblogs.com/gh110/p/15153662.html扩展:-数组的for-each-```jsvararr=[15,4,3,43,21,43,2,1,3,5];arr.forEach((element)=>{console.log(element......
  • struts2.1.8.1+jquery1.4.2返回json数据
    1、引入包(本文中的包全部引自struts-2.1.8.1\lib):struts2-json-plugin-2.1.8.1.jarjson-lib-2.1.jarcommons-collections-3.2.jarcommons-beanutils-1.7.0.jarcommons-lang-2.3.jarcommons-logging-1.0.4.jarezmorph-1.0.3.jar这7个包是返回json形式的数据必须的。因为jso......
  • js实现选中某个区域展示引导信息(插件库)
    在公司做项目,经常存在类似「引导」的功能,引导用户该先点哪后点哪,或者做一些首次使用的提示找到了个比较好用且轻量化的js组件intro.js ,有常规的灰色遮罩高亮特定dom提示的(hello-world),也有用户点到指定标签/位置上的提示(hints)感觉还是不错的,并且,有免费版本......
  • 框架分析(3)-Vue.js
    (框架分析(3)-Vue.js)专栏介绍link主要对目前市面上常见的框架进行分析和总结,希望有兴趣的小伙伴们可以看一下,会持续更新的。希望各位可以监督我,我们一起学习进步。Vue.jsVue.js是一种用于构建用户界面的渐进式JavaScript框架。它是一个轻量级的框架,通过将视图层和状态层进行绑......
  • Vue js 3.0下 箭头函数的使用
    ......
  • 使用pdf.js展示pdf
    一、下载pdf.js文件https://mozilla.github.io/pdf.js/getting_started/web里边有一个viewer.html文件此文件为展示pdf的文件直接打开此文件不能展示需要本地启动一个服务可以使用http-server-c-1提示错误的全局安装一下  npminstallhttp-server-g现在就可以正......
  • JS实现table动态生成过程中,移动行checkbox值丢失问题的解决
     最近在做项目过程中遇到这样一个疑问:(查看实例代码TEST1)DHTML中table对象的moveRow方法实现对table中表格行移动到新位置。例子TEST1中行2包含文本框、复选框、下拉框,当分别键入值后对行2执行上移操作后,我们发现,文本框与下拉框的值不会丢失,但复选框值会丢失。而如果在行2中键......
  • JS应用(很全了)
    如果你找的javascript的东西的话,建议你ctrl+F 直接在这个页上找,因为这里80%有你要找的,但是要让你挨着看的话,你就准备看完就去配眼镜!!事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture(); event.srcElement.releaseCaptur......