在编写前端代码时，我们经常需要对数据进行排序。在 JavaScript 中，我们可以使用数组的 sort 方法进行排序，但是该方法在排序对象相同时无法保持它们原有的顺序。这可能会导致一些问题，比如页面渲染时出现元素顺序混乱等情况，因此我们需要一种稳定的排序方法。
ES12 中添加了一个新的方法 stable-sort，该方法实现了稳定排序，即在排序相同时，它可以保留元素的相对顺序。
如何使用 stable-sort？
使用 stable-sort 方法和 sort 方法类似。在排序数列上直接调用该方法即可：
-- -------------------- ---- ------- ----- --- - - - ----- ------ ---- -- -- - ----- ------- ---- -- -- - ----- ------- ---- -- -- - ----- ------- ---- -- -- - ----- -------- ---- -- - -- ------------------ -- -- ----- - -------
该代码将按年龄升序排列数组中的对象。如果两个对象年龄相同，则它们的排序顺序不会发生变化，这就是 stable-sort 特有的稳定性。
注意，stable-sort 方法是在 Array.prototype 对象上定义的方法，因此只能在数组对象上使用。
为什么需要稳定性？
稳定性是指排序算法在排序相等元素时，不改变元素在排序前的相对顺序。考虑以下场景：
-- -------------------- ---- ------- ----- --- - - - ----- ------ ---- -- -- - ----- ------- ---- -- -- - ----- ------- ---- -- -- - ----- ------- ---- -- -- - ----- -------- ---- -- - -- ------------ -- -- ----- - -------
该代码按年龄升序排列数组中的对象。然而，如果相同年龄的对象在排列后顺序发生改变，那么原先排在前面的对象就可能被排在了后面，导致页面渲染时的顺序混乱，从而导致问题。
因此，在需要按某个属性进行排序，并且属性值有可能相等的情况下，我们应该使用稳定排序算法。
总结
稳定性是排序算法的一个重要特性，在某些场景下是必须的。ES12 中添加了一个新的方法 stable-sort，该方法提供了稳定排序的功能。在排序对象相等的场景中使用 stable-sort 可以保持其相对顺序的不变性。
示例代码
-- -------------------- ---- -------
-------------------------- - -------- ----------- -
----- --- - ------------ -- -- --- ----
------------ -- -- --------------- ----- -- ---- - ------
--- ---- - - -- - - ----------- ---- -
------- - ----------
-
------ -----
--来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647e88dd48841e9894e3bb2f