Javascript 数组排序详解

如果你接触javascript有一段时间了,你肯定知道数组排序函数sort,sort是array原型中的一个方法,即array.prototype.sort(),sort(compareFunction),其中compareFunction是一个比较函数,下面我们看看来自Mozilla MDN 的一段描述: If compareFunction is not supplied,elements are sorted by converting them to strings and comparing strings in lexicographic (“dictionary” or “telephone book,” not numerical) order. For example,“80″ comes before “9″ in lexicographic order,but in a numeric sort 9 comes before 80.

下面看些简单的例子:

代码如下:
.sort());

// Output ["a","b","c"] console.log(["c","a"].sort());

// Output [1,"a","b"] console.log(["b",1].sort());

从上例可以看出,认是按字典中字母的顺序来排序的。

幸运的是,sort接受一个自定义比较函数,如下例:

代码如下:
b) { return -1; }else if(a < b) { return 1; }else { return 0; } } //Outputs ["zuojj","Benjamin","1"] console.log(["Benjamin","1","zuojj"].sort(compareFunction));

排序完我们又有个疑问,如何控制升序和降序呢?

代码如下:
b) { return flag === "desc" ? -1 : 1; }else if(a < b) { return flag === "desc" ? 1 : -1; }else { return 0; } }; } //Outputs ["1","zuojj"] console.log(["Benjamin","zuojj"].sort(compareFunction())); //Outputs ["zuojj","zuojj"].sort(compareFunction("desc")));

comparFunction的排序规则是这样的: 1.If it returns a negative number,a will be sorted to a lower index in the array. 2.If it returns a positive number,a will be sorted to a higher index. 3.And if it returns 0 no sorting is necessary.

下面我们来看看摘自Mozilla MDN上的一段话: The behavior of the sort method changed between JavaScript 1.1 and JavaScript 1.2.为了解释这段描述,我们来看个例子:

In JavaScript 1.1,on some platforms,the sort method does not work. This method works on all platforms for JavaScript 1.2.

In JavaScript 1.2,this method no longer converts undefined elements to null; instead it sorts them to the high end of the array.详情请戳这里。

代码如下:
.sort(); //Outputs ["Ant","Zebra"] console.log(sortArr); //Outputs 6 console.log(sortArr.length); //Outputs "Ant*Zebra****" console.log(sortArr.join("*"));

希望本文对你学习和了解sort()方法有帮助,文中不妥之处还望批评斧正。

参考链接:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...