目的:a-tree的组件库默认不支持过滤节点树--只能展示全部树-搜索的内容部分高亮展示
解决-需要自己写一个递归 根据搜索内容返回树的数据
// 拿走不谢 这个是递归过滤树节点的方法--nodes是树形数据
function filterNodes(nodes, filterText) {
return nodes.reduce((acc, node) => {
const newNode = { ...node }
if (node.label.toLowerCase().includes(filterText.toLowerCase())) {
// 如果节点匹配,则添加到结果中
if (node.children) {
// 如果节点有子节点,则递归过滤子节点
newNode.children = filterNodes(node.children, filterText)
}
acc.push(newNode)
} else if (node.children && node.children.length) {
// 如果节点不匹配但有子节点,检查是否有子节点匹配
const filteredChildren = filterNodes(node.children, filterText)
if (filteredChildren.length) {
// 如果有子节点匹配,则只保留匹配的子节点
newNode.children = filteredChildren
acc.push(newNode)
}
}
return acc
}, [])
}
题外-- js比较两个日期的集合不一样的日期(有需要的可以用)
function getDifferenceBetweenDates(dates1, dates2) {
const dateSet1 = new Set(dates1)
const dateSet2 = new Set(dates2)
const onlyInDates1 = new Set([...dateSet1].filter((date) => !dateSet2.has(date)))
const onlyInDates2 = new Set([...dateSet2].filter((date) => !dateSet1.has(date)))
return {
onlyInDates1: [...onlyInDates1],
onlyInDates2: [...onlyInDates2]
}
}
// 示例使用
const dates1 = ['2023-01-01', '2023-01-02', '2023-01-03'];
const dates2 = ['2023-01-02', '2023-01-03', '2023-01-04'];
const result = getDifferenceBetweenDates(dates1, dates2);
console.log(result);