如何按多属性排序二维JSON数组并在Google Sheets中按标签分组？

一、Google Sheets端预排序（静态场景首选） #

如果密钥数据不会频繁更新，直接在Sheets里调整行顺序是最省前端资源的方式，完全不需要额外JS计算：

• 给每个密钥的标签列加个辅助列，计算标签匹配权重：先锁定起始条目（标签为["x","y","z"]的那条），对其他条目，统计和前一个目标条目的标签重叠数量（比如含xya的条目和起始条目共享x，权重+1；多标签重叠就累加）
• 用Sheets的SORT函数按权重降序排列，或者手动拖动行：先固定起始条目，再把权重最高的条目放后面，依次类推形成链式关联
• 计算重叠标签数可以用COUNTIF+SPLIT组合公式，比如标签在B列，起始标签为"x,y,z"，辅助列公式：=SUMPRODUCT(COUNTIF(SPLIT(B2, ","), SPLIT("x,y,z", ",")))，后续条目只需把公式里的固定标签换成前一行的标签即可

二、客户端JS实现（动态数据场景） #

如果数据需要动态加载或实时调整，用JS实现链式关联的核心是预建标签索引避免重复计算：

1. 预构建标签索引
   • 先把所有密钥数据存入数组，比如const keys = [...从Sheets API获取的行数据]
   • 创建一个Map，键是单个标签，值是包含该标签的密钥索引数组：

     const tagIndex = new Map();
     keys.forEach((key, idx) => {
       key.tags.forEach(tag => {
         if (!tagIndex.has(tag)) tagIndex.set(tag, []);
         tagIndex.get(tag).push(idx);
       });
     });
     

2. 链式分组逻辑
   • 维护一个已处理集合（避免重复）和结果数组
   • 先找到标签为["x","y","z"]的起始条目，加入结果数组并标记为已处理
   • 遍历该条目的所有标签，从tagIndex里取出对应密钥，筛选未处理且和当前条目标签重叠最多的，加入结果数组并标记，循环直到所有密钥处理完成
3. 性能优化
   • 提前把每个密钥的标签转成Set：keys.forEach(key => key.tagSet = new Set(key.tags))，快速计算标签交集
   • 计算重叠标签数用[...currentKey.tagSet].filter(tag => targetKey.tagSet.has(tag)).length，比数组循环效率高很多
   • 11×11共121条数据，哪怕不做极致优化也不会有加载延迟，用索引后时间复杂度能降到O(n×k)（k为平均标签数），完全够用

三、混合方案（兼顾静态与动态） #

如果部分数据固定、部分动态：

• 在Sheets里预排好基础链式顺序，导出时带上顺序索引列
• 前端加载时先按索引列排序，新增的动态数据用JS索引方式插入到对应位置

内容的提问来源于stack exchange，提问作者amoha