树形数据，给每一层添加一个新的属性 key:‘xxx‘

我就是我 2022-10-23 05:52 37阅读 0赞

[{
    "id": 1,
    "name": "广告销售",
    "depCode": "MI00",
    "fatherId": null,
    "fatherName": null,
    "subDepList": [{
        "id": 2,
        "name": "二级部门",
        "depCode": "MI0001",
        "fatherId": 1,
        "fatherName": "广告销售",
        "subDepList": [{
            "id": 3,
            "name": "三级部门1",
            "depCode": "MI000101",
            "fatherId": 2,
            "fatherName": "二级部门",
            "subDepList": [{
                "id": 10,
                "name": "test",
                "depCode": "MI00010103",
                "fatherId": 3,
                "fatherName": "三级部门1",
                "subDepList": []
            }, {
                "id": 6,
                "name": "四级部门1",
                "depCode": "MI00010101",
                "fatherId": 3,
                "fatherName": "三级部门1",
                "subDepList": []
            }, {
                "id": 7,
                "name": "四级部门2",
                "depCode": "MI00010102",
                "fatherId": 3,
                "fatherName": "三级部门1",
                "subDepList": []
            }]
        }, {
            "id": 4,
            "name": "三级部门2",
            "depCode": "MI000102",
            "fatherId": 2,
            "fatherName": "二级部门",
            "subDepList": []
        }, {
            "id": 5,
            "name": "三级部门3",
            "depCode": "MI000103",
            "fatherId": 2,
            "fatherName": "二级部门",
            "subDepList": []
        }]
    }]

解决方案：

const addKey = arr => arr.map(item => ({
      ...item,
      key: 'xxx',
      subDepList: addKey(item.subDepList)
    }))
    
    const result = addKey(arr)

显示:

![clipboard.png][]

[clipboard.png]: /images/20221023/ea6c6f04ff8245c58fa688df75c5a3d7.png