在前端开发中，我们经常需要对数组进行排序。但是有时候我们不仅要得到排序后的数组，还需要知道排序后的元素在原始数组中的位置。这时候就需要用到 JavaScript 中的一种技巧：返回排序后元素的索引数组。
概述
要实现该功能，我们需要使用 JavaScript 中的 Array.prototype.sort() 方法。该方法可以按照指定的顺序对数组的元素进行排序。
具体来说，我们可以使用 sort() 方法，并传入一个比较函数。比较函数接受两个参数，表示将要进行比较的元素。如果第一个参数小于第二个参数，则比较函数应该返回负值；如果它们相等，则应返回零；如果第一个参数大于第二个参数，则应返回正值。
例如，以下代码将一个包含数字的数组进行升序排序：
const numbers = [4, 2, 5, 1, 3]; numbers.sort((a, b) => a - b);
这样，numbers 数组就变成了 [1, 2, 3, 4, 5]。
但是，这只是排序过程，我们还需要知道排序后每个元素在原数组中的位置。
返回索引数组
为了返回排序后元素的索引数组，我们需要先创建一个由原数组的索引组成的新数组，然后对该数组进行排序。
考虑到 JavaScript 的 Array.prototype.map() 方法可以对数组中的每个元素进行操作并返回一个新数组，我们可以使用它来创建一个由原数组的索引组成的新数组。然后，我们可以对该数组调用 sort() 方法并传入比较函数。
例如：
const numbers = [4, 2, 5, 1, 3]; const indexArray = numbers.map((value, index) => index); indexArray.sort((a, b) => numbers[a] - numbers[b]);
在这里，我们首先创建了一个名为 indexArray 的新数组，其中包含了原数组的索引。接着，我们调用 sort() 方法，并传入一个比较函数，该函数使用原数组的值来比较两个索引。这样就得到了排序后元素的索引数组 indexArray。
示例代码
最终的代码如下：
-- -------------------- ---- ------- ----- ------- - --- -- -- -- --- -- -------------- ----- ---------- - ------------------- ------ -- ------- -- --------- ------------------- -- -- ---------- - ------------ ------------------------ -- -- --- -- -- -- --
总结
JavaScript 的 Array.prototype.sort() 方法可以帮助我们对数组进行排序。通过创建一个由原数组索引组成的新数组，并对其进行排序，我们可以方便地获得排序后元素的索引数组。
在实际开发中，了解这种技巧可以帮助我们更好地处理数组，并提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/606f06832d2a29a3c1202bc8