多关联子数组的自然排序需求：维持索引对应关系

嘿，我来帮你搞定这个排序问题！核心难点在于既要实现自然排序，又得保住子数组间的索引关联——其实只要把关联的元素先“打包”在一起，排序后再拆回去就搞定了，具体步骤和代码如下：

1. 打包关联元素：把每个索引位置的所有子数组元素凑成一组，这样每组里的元素都是原本一一对应的（比如原数组索引4的2A和Tacos会被放在同一组）。
2. 自然排序实现：写一个自定义排序函数，能识别字符串里的数字部分，让2排在10前面，而不是按字符串字典序排。
3. 还原原结构：排序完成后，再把每组的元素拆分回对应的子数组里，这样关联关系就完全保留了。

代码实现 #

1. 先写好自然排序的辅助函数 #

这个函数会把字符串拆成数字和非数字片段，分别比较，实现符合直觉的自然排序：

function naturalSort(a, b) {
    const regex = /(\d+)/g;
    // 把字符串拆分成数字和非数字部分，过滤空字符串
    const aParts = a.split(regex).filter(part => part !== '');
    const bParts = b.split(regex).filter(part => part !== '');
    
    for (let i = 0; i < Math.min(aParts.length, bParts.length); i++) {
        const aPart = aParts[i];
        const bPart = bParts[i];
        
        if (!isNaN(aPart) && !isNaN(bPart)) {
            // 都是数字，转成数值比较
            const numA = parseInt(aPart, 10);
            const numB = parseInt(bPart, 10);
            if (numA !== numB) {
                return numA - numB;
            }
        } else {
            // 非数字部分，按字符串本地化规则比较
            const comparison = aPart.localeCompare(bPart);
            if (comparison !== 0) {
                return comparison;
            }
        }
    }
    
    // 前面片段都相同，就比较整体长度
    return aParts.length - bParts.length;
}

2. 整合、排序、还原的主逻辑 #

先修正一下你示例里的数组写法（原写法不太规范），然后执行核心操作：

// 你的原始数组（修正后的规范写法）
const provided_array = [
    ['1', '10', '11', 'Alpha', '2A'],
    ['Hotdogs', 'Pies', 'Burgers', 'Kebabs', 'Tacos']
];

// 步骤1：把同一索引的元素打包成组
const itemCount = provided_array[0].length;
const groupedItems = [];

for (let i = 0; i < itemCount; i++) {
    groupedItems.push(provided_array.map(subArr => subArr[i]));
}

// 步骤2：按第一个子数组的元素做自然排序（要换排序依据的话，改a[0]/b[0]为对应索引就行）
groupedItems.sort((a, b) => naturalSort(a[0], b[0]));

// 步骤3：把排序后的组拆回原数组结构
const sortedArray = provided_array.map(() => []);
groupedItems.forEach(group => {
    group.forEach((item, subArrIndex) => {
        sortedArray[subArrIndex].push(item);
    });
});

// 看看结果
console.log(sortedArray);

运行结果 #

输出的sortedArray会是：

[
    ['1', '2A', '10', '11', 'Alpha'],
    ['Hotdogs', 'Tacos', 'Pies', 'Burgers', 'Kebabs']
]

你看，第一个子数组按自然排序排好了，第二个子数组的元素也跟着对应索引移动，完全保住了2A和Tacos的关联关系！

扩展提示 #

• 如果你的排序依据不是第一个子数组，比如要按第三个子数组排序，只要把sort函数里的a[0]和b[0]改成a[2]和b[2]就行。
• 这个方法支持任意数量的子数组（十几个完全没问题），只要所有子数组的长度一致就可以正常工作。

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