按照父级名称及其子级名称排序查询
创始人
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

相关内容

热门资讯

微扑克有辅助挂!微扑克脚本代写... 微扑克有辅助挂!微扑克脚本代写,(微扑克工具)原来是真的有挂(详细ai辅助器苹果版教程);是一款可以...
aapoker透视辅助!aap... aapoker透视辅助!aapoker有手游版吗,(aa扑克伙牌)竟然是有挂(详细辅助工具存在教程)...
aapoker有挂!aapok... aapoker有挂!aapoker德州线上扑克辅助工具,(aapoker有外挂)其实存在有挂(详细辅...
微扑克全自动机器人!微扑克系统... 微扑克全自动机器人!微扑克系统机制,(微扑克有辅助挂)原来有挂(详细德州专用辅助器教程);玩家必备必...
微扑克ai机器人!微扑克脚本代... 微扑克ai机器人!微扑克脚本代写,(微扑克代打)好像是真的有挂(详细ai辅助器苹果版教程);1分钟了...
德扑之星专业!德扑之星窥牌,德... 《软件透明挂》是一款多人竞技的辅助透视游戏,你将微扑克对手来到同一个战场,为至高无上的荣耀进行一次自...
德扑胜率计算!德扑ai助手软件... 您好,德扑ai助手这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款...
德扑之星电脑!德扑之星禁止模拟... 1、德扑之星电脑!德扑之星禁止模拟器,德扑之星房间设置确实是真的有挂(详细线上教程)。2、透视辅助简...
红龙扑克辅助工具!红龙扑克是不... 红龙扑克辅助工具!红龙扑克是不是有问题,(红龙扑克)真是真的是有挂(详细辅助教程);软件透明挂更新新...
透视辅助!aapoker有什么... 透视辅助!aapoker有什么规律吗,aapoker能玩原来是有挂(详细有猫腻教程)辅助器中分为三种...