在前端开发中，我们经常需要对数组进行排序。通常情况下，我们可以使用 JavaScript 内置的 sort() 方法来实现数组排序。但是，在某些情况下，我们可能需要根据另一个数组的值来排序，这时候就需要额外的处理。
问题描述
假设有两个数组，arr1 和 arr2，它们的长度相等，且元素均为数字类型。现在我们需要按照 arr2 中的元素大小对 arr1 中的元素进行排序，并返回排序后的结果。
例如，对于以下两个数组：
const arr1 = [5, 3, 1, 4, 2]; const arr2 = [1, 2, 3, 4, 5];
按照 arr2 中的元素大小对 arr1 进行排序后，得到的结果应该是：
[1, 2, 3, 4, 5]
解决方案
要解决这个问题，我们需要借助 JavaScript 的 sort() 方法和 indexOf() 方法。
具体步骤如下：
使用
sort()方法对arr2进行排序，生成排好序的新数组sortedArr2。const sortedArr2 = arr2.slice().sort();
注意，我们使用了
slice()方法来复制arr2，以免对原数组的排序产生影响。使用
map()方法遍历arr1中的每个元素，并使用indexOf()方法找到该元素在sortedArr2中的索引位置。将该索引位置作为元素的新值，重新组成一个新数组newArr1。const newArr1 = arr1.map((val) => sortedArr2.indexOf(val));
最后，使用
sort()方法对newArr1进行排序，并将排序后的结果返回。const result = arr1.slice().sort((a, b) => newArr1[a] - newArr1[b]); return result;
示例代码
完整的示例代码如下：
-- -------------------- ---- ------- -------- ------------------------ ----- - ----- ---------- - -------------------- ----- ------- - -------------- -- ------------------------- ----- ------ - --------------------- -- -- ---------- - ------------ ------ ------- - ----- ---- - --- -- -- -- --- ----- ---- - --- -- -- -- --- ------------------------------------ ------- -- -- --- -- -- -- --
总结
本文介绍了如何基于另一个数组的值来对 JavaScript 数组进行排序。具体实现思路是先排好序，然后根据索引位置进行排序。这种方法可以满足一些特殊的排序需求，在实际开发中也可以根据具体情况进行调整和改进。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15111