findTree

findTree(data, value, callback, fieldNames)

从树型结构中查找符合条件的数据

参数

名称	说明	类型	默认值
data	数据列表	array	-
value	父级初始值	number string object	0
callback	回调函数	function	-
fieldNames	字段名	object	{ key: 'id', children: 'children' }

代码演示

基础用法

示例

const data = [
    {
        "id": "1",
        "title": "选项1",
        "parentId": "0",
        "children": [
            {
                "id": "1-1",
                "title": "选项1-1",
                "parentId": "1"
            },
            {
                "id": "1-2",
                "title": "选项1-2",
                "parentId": "1"
            }
        ]
    },
    {
        "id": "2",
        "title": "选项2",
        "parentId": "0",
        "children": [
            {
                "id": "2-1",
                "title": "选项2-1",
                "parentId": "2"
            },
            {
                "id": "2-2",
                "title": "选项2-2",
                "parentId": "2"
            }
        ]
    }
]

findTree(data, '2-1', (item, index, array, path) => {
    console.log(item)
    console.log(index)
    console.log(array)
    console.log(path)
})

输出 item

{
  "id": "2-1",
  "title": "选项2-1",
  "parentId": "2"
}

输出 index

0

输出 array

[
  {
    "id": "2-1",
    "title": "选项2-1",
    "parentId": "2"
  },
  {
    "id": "2-2",
    "title": "选项2-2",
    "parentId": "2"
  }
]

输出 path

[
  {
    "id": "2",
    "title": "选项2",
    "parentId": "0",
    "children": [
      {
        "id": "2-1",
        "title": "选项2-1",
        "parentId": "2"
      },
      {
        "id": "2-2",
        "title": "选项2-2",
        "parentId": "2"
      }
    ]
  },
  {
    "id": "2-1",
    "title": "选项2-1",
    "parentId": "2"
  }
]

使用多个字段

示例

const data = [
    {
        "id": "1",
        "title": "选项1",
        "parentId": "0",
        "active": false,
        "children": [
            {
                "id": "1-1",
                "title": "选项1-1",
                "parentId": "1",
                "active": false,
            },
            {
                "id": "1-2",
                "title": "选项1-2",
                "parentId": "1",
                "active": false,
            }
        ]
    },
    {
        "id": "2",
        "title": "选项2",
        "parentId": "0",
        "active": false,
        "children": [
            {
                "id": "2-1",
                "title": "选项2-1",
                "parentId": "2",
                "active": false,
            },
            {
                "id": "2-2",
                "title": "选项2-2",
                "parentId": "2",
                "active": true,
            }
        ]
    }
]

findTree(data, { parentId: '2', active: true }, (item, index, array, path) => {
    console.log(item)
    console.log(index)
    console.log(array)
    console.log(path)
})

输出 item

{
  "id": "2-2",
  "title": "选项2-2",
  "parentId": "2",
  "active": true
}

输出 index

1

输出 array

[
  {
    "id": "2-1",
    "title": "选项2-1",
    "parentId": "2",
    "active": false
  },
  {
    "id": "2-2",
    "title": "选项2-2",
    "parentId": "2",
    "active": true
  }
]

输出 path

[
  {
    "id": "2",
    "title": "选项2",
    "parentId": "0",
    "active": false,
    "children": [
      {
        "id": "2-1",
        "title": "选项2-1",
        "parentId": "2",
        "active": false
      },
      {
        "id": "2-2",
        "title": "选项2-2",
        "parentId": "2",
        "active": true
      }
    ]
  },
  {
    "id": "2-2",
    "title": "选项2-2",
    "parentId": "2",
    "active": true
  }
]