按照父级名称及其子级名称排序查询
创始人
2024-08-24 01:00:11
0

假设有如下数据结构:

[
  {
    "id": 1,
    "name": "Parent A",
    "children": [
      {
        "id": 2,
        "name": "Child B"
      },
      {
        "id": 3,
        "name": "Child A"
      }
    ]
  },
  {
    "id": 4,
    "name": "Parent C",
    "children": [
      {
        "id": 5,
        "name": "Child A"
      },
      {
        "id": 6,
        "name": "Child C"
      }
    ]
  }
]

可以使用以下代码实现按照父级名称及其子级名称排序查询:

const data = [
  {
    "id": 1,
    "name": "Parent A",
    "children": [
      {
        "id": 2,
        "name": "Child B"
      },
      {
        "id": 3,
        "name": "Child A"
      }
    ]
  },
  {
    "id": 4,
    "name": "Parent C",
    "children": [
      {
        "id": 5,
        "name": "Child A"
      },
      {
        "id": 6,
        "name": "Child C"
      }
    ]
  }
];

// 将数据展开为 [{ id, name, parent }, { id, name, parent }] 的形式
const flattenData = data.flatMap(parent => [
  { id: parent.id, name: parent.name, parent: null },
  ...parent.children.map(child => ({ id: child.id, name: child.name, parent: parent.id }))
]);

// 按照父级名称及其子级名称排序查询
const sortedData = flattenData.sort((a, b) => {
  const parentA = flattenData.find(item => item.id === a.parent);
  const parentB = flattenData.find(item => item.id === b.parent);

  if (parentA === parentB) {
    return a.name.localeCompare(b.name);
  }

  return parentA.name.localeCompare(parentB.name);
});

console.log(sorted

相关内容

热门资讯

透视计算!aapoker发牌逻... 透视计算!aapoker发牌逻辑(透视)透视软件(好像是有挂)1、aapoker发牌逻辑系统规律教程...
透视科技!aa poker辅助... 透视科技!aa poker辅助(透视)透视软件(切实真的有挂)1、下载好aa poker辅助辅助软件...
透视透视挂!aapoker辅助... 透视透视挂!aapoker辅助器是真的吗(透视)透视脚本下载(其实是有挂)进入游戏-大厅左侧-新手福...
透视私人局!aapoker怎么... 透视私人局!aapoker怎么提高中牌率(透视)透视脚本下载(真是真的有挂)1、首先打开aapoke...
透视好友!aapoker辅助工... 透视好友!aapoker辅助工具安全吗(透视)免费透视脚本(果然是真的有挂);1.aapoker辅助...
透视实锤!aapoker怎么设... 透视实锤!aapoker怎么设置抽水(透视)ai插件(竟然有挂)运aapoker怎么设置抽水辅助工具...
透视安装!aa poker辅助... 透视安装!aa poker辅助(透视)透视脚本(本来真的有挂);1、aa poker辅助透视辅助简单...
透视有挂!aapoker免费透... 透视有挂!aapoker免费透视脚本(透视)透视脚本下载(好像是有挂);1、实时aapoker免费透...
透视好友!aapoker辅助怎... 透视好友!aapoker辅助怎么用(透视)真的假的(总是有挂)1、aapoker辅助怎么用系统规律教...
透视有挂!aapoker辅助插... 透视有挂!aapoker辅助插件工具(透视)辅助(切实是真的有挂);aapoker辅助插件工具软件透...