如何实现两数组关联排序？排序数值数组时同步调整字符串数组

嘿，这需求挺常见的！要让两个数组的对应关系在排序时不脱节，最直观也最不容易出错的方法就是先把对应元素绑定成一组，排序后再拆分回来。咱直接看代码和解释：

实现代码 #

// 初始的两个关联数组
const arrayOne = ["dog", "cat", "hamster", "horse"];
const arrayTwo = [3, 2, 4, 1];

// 步骤1：将两个数组的对应元素配对成对象数组
const pairedItems = arrayOne.map((animal, idx) => ({
  animal: animal,
  value: arrayTwo[idx]
}));

// 步骤2：按照value从大到小排序对象数组
pairedItems.sort((a, b) => b.value - a.value);

// 步骤3：拆分回两个独立数组
const sortedArrayOne = pairedItems.map(item => item.animal);
const sortedArrayTwo = pairedItems.map(item => item.value);

// 验证结果
console.log(sortedArrayOne); // 输出: ["hamster", "dog", "cat", "horse"]
console.log(sortedArrayTwo); // 输出: [4, 3, 2, 1]

为啥这是最简单的？ #

• 逻辑清晰：把关联元素绑定成对象后，排序时完全不用担心对应关系乱掉，每一组的动物和数字始终在一起
• 代码简洁：只用了三次map和一次sort，都是JavaScript数组的原生方法，不需要额外依赖
• 扩展性强：如果以后要加更多关联属性，直接在配对对象里加就行，排序逻辑也不用大改

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