有没有办法在 JavaScript/TypeScript 中对数组中的每个数组递归执行 .map ？

Question

我目前有这个递归重复的数组： [    {      "Name": "Test",      "Children": [        {          "Name": "Id",          "Property": "Placeholder",          "Children": [           {             "Name": "Child Id",             "Property": "Placeholder",             "Children": null           }          ]        }    }]为了获得我想要的结构，我目前有这个：const fixed = data.map(item => item = {        data: {            name: item.Name,        },        children: item.Children.map(child => child = {            name: child.Name,        })    }  )有没有办法为每个子数组递归地重复我的初始 array.map ？

Answer 1

一种可能的解决方案，基于我相信您想要的输出：

const array = [{

  "Name": "Test",

  "Children": [{

    "Name": "Id",

    "Property": "Placeholder",

    "Children": [{

      "Name": "Child Id 1",

      "Property": "Placeholder",

      "Children": null

    }, {

      "Name": "Child Id 2",

      "Property": "Placeholder",

      "Children": [{

        "Name": "Child Id 3",

        "Property": "Placeholder",

        "Children": null

      }]

    }]

  }]

}];

const map = (arr) => {

  return arr ? arr.map(fix) : null;

}

const fix = (item) => {

  return {

    data: {

      name: item.Name

    },

    children: map(item.Children),

  };

}

console.log(map(array))

或者按照下面的建议，使用简写：

const map = arr => arr ? arr.map(fix) : null;

const fix = item => ({

  data: {

    name: item.Name

  },

  children: map(item.Children),

});

Answer 2

我们可以使用一个基本情况，检查Children属性是否为null，如果是，则递归停止并返回Name：

const data = [{"Name": "Test", "Children": [{"Name": "Id","Property": "Placeholder","Children": [{"Name": "Child Id","Property": "Placeholder","Children": null }] }] }];

const flattenData = (data) => {

    return data.map(d => {

    //Base case, recursion stops here

    if(!d.Children){

      return d.Name;

    }

    //Continue recursion

    return {data: {name: d.Name},  children: flattenData(d.Children) }

   });

}

console.log(flattenData(data));

Answer 3

您可以创建一个转换子项的函数。如果孩子还有其他孩子，那么该函数将调用自身来递归地转换它们。

const input = [

    {

        "Name": "Test",

        "Children": [

            {

                "Name": "Id",

                "Property": "Placeholder",

                "Children": [

                    {

                        "Name": "Child Id",

                        "Property": "Placeholder",

                        "Children": null

                    }

                ]

            }

        ]

    }

];

const transformChildren = children => children.map(child => ({

    name: child.Name,

    children: child.Children ? transformChildren(child.Children) : null

}));

const output = input.map(item => ({

    data: {

        name: item.Name,

    },

    children: item.Children ? transformChildren(item.Children) : null

}))

console.log(output)