1 Star 0 Fork 13

wangscript1 / js.tree

forked from 阿森 / js.tree 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
filter.md 1.78 KB
一键复制 编辑 原始数据 按行查看 历史
zhengxs 提交于 2021-05-05 11:48 . docs: 添加说明文档

修改数据

可以使用 filter 函数过滤掉不想要的数据

回调函数参数:

  • node - 当前节点对象
  • index - 在同级中的索引
  • parents - 所有上级的节点对象
import { filter } from '@zhengxs/js.tree'

const data = [
  {
    title: '财务',
    children: [
      { title: '收入流失', children: [] },
      { title: '财务设置', children: [] }
    ]
  },
  {
    title: '站点设置',
    children: [
      { title: '收入流失', children: [] },
      { title: '财务设置', children: [] }
    ]
  }
]

const result = filter(data, (node, index, parents) => {
  return node.title.indexOf('设置') > -1
})
// ->
// [
//   {
//     title: '财务',
//     children: [
//       { title: '财务设置' }
//     ]
//   },
//   {
//     title: '站点设置',
//     children: [
//       { title: '菜单维护' },
//       { title: '角色维护' }
//     ]
//   }
// ]

默认子级列表的属性名称是 chilren,可以通过第三个参数修改

import { filter } from '@zhengxs/js.tree'

const data = [
  {
    title: '财务',
    items: [
      { title: '收入流失', items: [] },
      { title: '财务设置', items: [] }
    ]
  },
  {
    title: '站点设置',
    items: [
      { title: '收入流失', items: [] },
      { title: '财务设置', items: [] }
    ]
  }
]

// 如果不是 children 属性,可以通过第三个参数指定,可选
const result = filter(data, ({ title }) => title.indexOf('设置') > -1, 'items')
// ->
// [
//   {
//     title: '财务',
//     items: [
//       { title: '财务设置', items: [] }
//     ]
//   },
//   {
//     title: '站点设置',
//     items: [
//       { title: '菜单维护', items: [] },
//       { title: '角色维护', items: [] }
//     ]
//   }
// ]
TypeScript
1
https://gitee.com/kingsmart/js.tree.git
git@gitee.com:kingsmart/js.tree.git
kingsmart
js.tree
js.tree
main

搜索帮助