通过子字符串 JavaScript 对数组元素进行分组

Question

我有一个这样的元素列表[{  "id": 1,  "id_team": "1.",  "name": "Name",}, {  "id": 2,  "id_team": "2.",  "name": "Name",}, {  "id": 3,  "id_team": "3.",  "name": "Name",}, {  "id": 4,  "id_team": "4.",  "name": "Name",}, {  "id": 5,  "id_team": "5.",  "name": "Name",}, {  "id": 6,  "id_team": "2.1.",  "name": "Name",}, {  "id": 7,  "id_team": "6.",  "name": "Name",}, {  "id": 8,  "id_team": "1.1.",  "name": "Name",}, {  "id": 9,  "id_team": "1.2.",  "name": "Name",}, {  "id": 10,  "id_team": "1.3.",  "name": "Name",}, {  "id": 11,  "id_team": "1.4.",  "name": "Name",}]如示例中所示，我在列id_team中有一些字符串，这些字符串位于数组同一列中的其他字符串内例如，主要团队将是1.然后1.1.等等1.2.将是其中的一部分1.所以结果一定是这样的[{  "id": 1,  "id_team": "1.",  "name": "Name",  "subteams": [{      "id": 8,      "id_team": "1.1.",      "name": "Name",    }, {      "id": 9,      "id_team": "1.2.",      "name": "Name",    }, {      "id": 10,      "id_team": "1.3.",      "name": "Name",    }, {      "id": 11,      "id_team": "1.4.",      "name": "Name",    },],}, {  "id": 2,  "id_team": "2.",  "name": "Name",  "subitems": [{      "id": 6,      "id_team": "2.1.",      "name": "Name",    },]}, {  "id": 3,  "id_team": "3.",  "name": "Name",  "subitems": [],}, {  "id": 4,  "id_team": "4.",  "name": "Name",  "subitems": [],}, {  "id": 5,  "id_team": "5.",  "name": "Name",  "subitems": [],}, {  "id": 7,  "id_team": "6.",  "name": "Name",  "subitems": [],},]可行吗？如果它更容易，我会使用 lodash。

Answer 1

let data = [{

  "id": 1,

  "id_team": "1.",

  "name": "Name",

}, {

  "id": 2,

  "id_team": "2.",

  "name": "Name",

}, {

  "id": 3,

  "id_team": "3.",

  "name": "Name",

}, {

  "id": 4,

  "id_team": "4.",

  "name": "Name",

}, {

  "id": 5,

  "id_team": "1.2.5.",

  "name": "Name",

}, {

  "id": 6,

  "id_team": "2.1.",

  "name": "Name",

}, {

  "id": 7,

  "id_team": "6.",

  "name": "Name",

}, {

  "id": 8,

  "id_team": "1.1.",

  "name": "Name",

}, {

  "id": 9,

  "id_team": "1.2.",

  "name": "Name",

}, {

  "id": 10,

  "id_team": "1.3.",

  "name": "Name",

}, {

  "id": 11,

  "id_team": "1.4.",

  "name": "Name",

}];

data = data.map(node=>{

  let t = node.id_team.split('.').filter(n=>n);

  let parent = t.splice(0,t.length-1).join('.');

  return {

    ...node,

    parent: !!parent ? parent+'.' : null

  }

});

let tree = (items, id = null) =>

  items

    .filter(item => item.parent === id)

    .map(item => ({ ...item, subTeams: tree(items, item.id_team) }));

console.log(JSON.stringify(tree(data),null,2));

Answer 2

const items = data.reduce((acc, item, index) => {

    const id_team = item.id_team.split('.')[0] + '.';

    const current = acc.find(record => record.id_team === id_team);

    if(current) current.subteams.push(item);

    else acc.push({

        id: index + 1,

        id_team,

        subteams: [item]

    });

    return acc;

}, []);

Answer 3

从示例的代码中，我只是检查了子团队数组是否有数据，如果有，我使用带有递归函数的辅助函数并将其分配给子团队。

 getSubTeams(teams, size) {

      const filtered = teams.filter(item => item.id_team.length <= size);

      return filtered.map((item) => {

        let subteams = teams.filter((team) => team.id_team.indexOf(item.id_team) === 0 && item.id_team !== team.id_team);

        if (subteams.length > 0) {

          let aux = this.getSubTeams(subteams, size + 2);

          subteams = [

            ...aux,

          ];

        }

        return {

          ...item,

          subteams,

        };

      }) || [];

    },