Array.prototype.sort(compareFn)在浏览器中的工作方式不同?

时间:2017-05-18 20:17:12

标签: javascript arrays sorting

当compareFn返回值= 0时,我一直在测试作为Array.prototype.sort(compareFn)回调的比较函数,但我在Chrome中遇到了意外行为:

/* Chrome */
[1,2,3,4,5,6,7,8,9,10].sort(function(){return 0;});
//returns [1,2,3,4,5,6,7,8,9,10]
[1,2,3,4,5,6,7,8,9,10,11].sort(function(){return 0;})
//WUT? returns [6, 1, 3, 4, 5, 2, 7, 8, 9, 10, 11]

/* Firefox */
[1,2,3,4,5,6,7,8,9,10].sort(function(){return 0;});
//returns [1,2,3,4,5,6,7,8,9,10]
[1,2,3,4,5,6,7,8,9,10,11].sort(function(){return 0;});
//Work's fine: returns [1,2,3,4,5,6,7,8,9,10,11]

有人知道发生了什么吗?

1 个答案:

答案 0 :(得分:5)

  

我在Chrome中遇到了意外行为。谁知道会发生什么?

实际上,这并不意外。您的Firefox浏览器版本似乎实现了稳定的排序,而您的Chrome浏览器版本却没有。浏览器不需要采用稳定的排序算法(并且可以选择性能而不是稳定性)。

稳定排序算法以与原始排序项相同的顺序返回相同的列表项,而不稳定的排序算法则不会。

稳定和不稳定的排序

考虑以下示例,其中根据年龄对11名男性的名单进行排序。排序算法看到9名同龄(45岁),1名年龄(39岁)和一名年龄(52岁)的男性。排序后,最年轻的一个(迈克)首先出现在列表中,然后相同年龄的9个可以按任何顺序出现,然后是最后一个(利亚姆)。



console.log([
    {name: 'John', age: 45},
    {name: 'Pete', age: 45},
    {name: 'Matt', age: 45},
    {name: 'Liam', age: 52},
    {name: 'Jack', age: 45},
    {name: 'Will', age: 45},
    {name: 'Zach', age: 45},
    {name: 'Josh', age: 45},
    {name: 'Ryan', age: 45},
    {name: 'Mike', age: 39},
    {name: 'Luke', age: 45}
  ].sort(function(a, b){
    // sort by ascending age
    return a.age - b.age;
  }).map(function(i){
    // get a sorted list of names
    return i.name;
  }).join(', ')
);




当我在Chrome中运行时,我得到了

Mike, Will, Matt, John, Jack, Pete, Zach, Josh, Ryan, Luke, Liam

这显然代表了一种不稳定的排序。一个稳定的排序将返回

Mike, John, Pete, Matt, Jack, Will, Zach, Josh, Ryan, Luke, Liam

然而,对于排序算法,两个列表在表示年龄时是相同的,这是排序算法被告知的:

39, 45, 45, 45, 45, 45, 45, 45, 45, 45, 52

浏览器差异

在您的代码示例中,您告诉排序算法所有列表项都相等(通过从比较函数返回0)。然后,不稳定的排序算法可以按任何顺序对这些项目进行排序(就像Chrome在列表中有11个项目时那样),而稳定的排序算法会按原始顺序对相同的项目进行排序(如Firefox所做的那样)。

在Chrome中进行排序的示例中,包含10个项目的数组(似乎使用稳定算法排序)和包含11个项目的数组之间存在差异。 It is known Chrome对小型数组使用插入排序(稳定)(< = 10项),对较大数组使用Quicksort变种(不稳定)。

有关排序算法的工作原理和排序稳定性的详细信息,请查看Wikipedia on sorting algorithmsthis previous SO questionthis page with animated illustrations of various sorting algorithms