首页 / JAVASCRIPT / javascript – Array.prototype.sort(compareFn)在浏览器中的工作方式不同吗？

javascript – Array.prototype.sort(compareFn)在浏览器中的工作方式不同吗？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Array.prototype.sort(compareFn)在浏览器中的工作方式不同吗？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2456字，纯文字阅读大概需要4分钟。

内容图文

当compareFn返回value = 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]

谁知道这发生了什么？

解决方法:

I get unexpected behaviour in Chrome. Anybody know what happens?

实际上,这并不意外.您的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).然后,不稳定的排序算法可以按任何顺序对这些项目进行排序(当列表中有11个项目时,Chrome会执行此操作),而稳定的排序算法将按原始顺序对相同的项目进行排序(如Firefox所做的那样).

在您在Chrome中进行排序的示例中,包含10个项目的数组(似乎使用稳定算法排序)和包含11个项目的数组之间存在差异. It is known Chrome使用插入排序(稳定)用于小型阵列(< = 10项),以及Quicksort变种(不稳定)用于较大阵列. 有关排序算法如何工作和排序稳定性的更多信息,请查看Wikipedia on sorting algorithms,this previous SO question或this page with animated illustrations of various sorting algorithms.

内容总结

以上是互联网集市为您收集整理的javascript – Array.prototype.sort(compareFn)在浏览器中的工作方式不同吗？全部内容，希望文章能够帮你解决javascript – Array.prototype.sort(compareFn)在浏览器中的工作方式不同吗？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/821504.html

来源：【匿名】