介绍
在ES10(即ES2019)中,新增了一个稳定排序(stable-sort)的特性,这个特性主要是为了解决在某些情况下,标准的排序算法会改变数组元素的原始顺序的问题。在一个前端项目中,我们可能会遇到比如排序后的列表展示、搜索等功能,这些都依赖于一个可靠的、不改变数组原始顺序的算法。
使用
ES10提供了一个全局函数Array.prototype.stableSort()
,我们可以使用这个函数来进行稳定排序。
该函数接受一个可选参数,指定排序比较函数。比较函数和标准的sort方法中的函数参数格式一致,它需要返回一个数字,表示相对位置关系。具体来说,如果参数大于0,那么第二个元素会在第一个元素之前,在排序后的数组中。如果小于0,则反之。如果相等,则它们的相对位置不变。
对于一般的数值、布尔、字符串类型的元素,比较函数可以用标准的方式进行排序。例如:
----- ---- - --- -- -- -- --- -- -- ----------------- -- ------ -- -- -- -- -- ---
如果数组里的每个元素都是一个对象,那么我们可以自己定义一个比较函数。例如,假设我们有一个列表,里面包含了每个人的名字和年龄,我们希望按照年龄从小到大排序:
----- ---- - ------- -------- ---- ---- ------ ------ ---- ---- ------ ---------- ---- ---- ------------------- -- -- ----- - ------ -- ---------- ------ ---- ---- ------ -------- ---- ---- ------ ---------- ---- ----
在这个例子中,我们传入了一个比较函数,这个函数用来比较每个元素的age属性。注意,我们需要返回age的差值,如果是正数,则表示a比b大;如果是负数,则表示a比b小。
进一步思考
值得注意的是,Array.prototype.sort()方法没有保证排序的稳定性。也就是说,当有多个元素有相同的排序值时,sort方法并不保证它们在排序后的数组中保持原来的相对位置。这个问题或许不像我们在前端项目中使用的排序一样重要,但是在一些更严谨的算法问题中,确实是需要这个特性的。
结论
在我们的日常开发中,也许没有人会真的关心排序算法是否稳定。但是,当你需要保留一些元素在排序过后的相对位置关系时,稳定排序是不可或缺的。对于稳定排序的实现,ES10带来了一个全新的、更加可靠的选择。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/672037562e7021665e013589