按照父级名称及其子级名称排序查询
创始人
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...
透视存在!aapoker怎么控... 透视存在!aapoker怎么控制牌(透视)插件下载(切实真的是有挂)1、全新机制【aapoker怎么...
透视安卓版!aapoker怎么... 透视安卓版!aapoker怎么控制牌(透视)ai插件(一贯是有挂)1、aapoker怎么控制牌系统规...
透视玄学!aapoker怎么选... 透视玄学!aapoker怎么选牌(透视)万能辅助器(一贯是真的有挂)所有人都在同一条线上,像星星一样...
透视中牌率!aapoker脚本... 透视中牌率!aapoker脚本(透视)透视方法(确实真的是有挂)暗藏猫腻,小编详细说明aapoker...
透视透视!aapoker透视方... 透视透视!aapoker透视方法(透视)透视脚本入口(总是真的是有挂)1、操作简单,无需注册,只需要...
透视透视挂!aapoker万能... 透视透视挂!aapoker万能辅助器(透视)插件(好像是真的有挂)该软件可以轻松地帮助玩家将aapo...
透视挂!aapoker辅助器是... 透视挂!aapoker辅助器是真的吗(透视)ai插件(一贯是真的有挂)1、玩家可以在aapoker辅...
透视新版!aapoker透视脚... 透视新版!aapoker透视脚本(透视)透视脚本入口(切实有挂)aapoker透视脚本辅助器中分为三...
透视游戏!aapoker怎么提... 透视游戏!aapoker怎么提高中牌率(透视)发牌逻辑(好像存在有挂);1、超多福利:超高返利,海量...