当前位置主页 > 资料库 > 前端教程 > javaScript中的排序方法

javaScript中的排序方法

12-08

我们经常需要对元素进行排序,例如在一个商城网站中,用户需要按价格的高低对商品进行排序等。javaScript中提供了一个sort()方法用于排序操作。但是原生的sort()方法是有局限性的:它默认是按Unicode来对元素进行比较。如果你需要比较的是数值,那么得到的结果可能不是你需要的。

例如,我们要按升序来对一组水果名称进行排序。

var fruit = ["apple", "orange", "banana"];
fruit.sort();

/* 得到的结果 */
["apple", "banana", "orange"]

但是如果某个水果的名称是大写字母,情况就不同了。

var fruit = ["apple", "Orange", "banana"];
fruit.sort();

/* 得到的结果 */
["Orange", "apple", "banana"]

这是因为sort()方法默认比较的是Unicode编码,大写字母的Unicode编码要比小写字母小,所以大写字母会排在前面。例如,小写字母a的Unicode编码为U+0061,而大写字母O的Unicode编码为U+004f。

为了得到正确的排列结果,你需要将所有的英文字母转换为小写字母。

数值排序

如果我们要使用sort()方法对一组数值进行排序,得到的结果也是我们所不想看到的。

var nums = [11, 57, 10, 16, 32, 100];
nums.sort();

/* 得到的结果 */
[10, 100, 11, 16, 32, 57]

默认情况下,js会将数值转换为字符串,然后对它们的Unicode编码进行比较,再对比较的结果进行排序。如果要得到正确的排序结果,我们需要在sort()方法中传入自定义的比较函数。

nums.sort( function(a,b) { return a - b; } ); 

/* 得到的结果 */
[10, 11, 16, 32, 57, 100]
JSON排序

如果我们有一个JSON对象,并要对其中的数据进行排序,如下:

var grades = [
  {
    "name": "张三",
    "grade": 95
  },
  {
    "name": "李四",
    "grade": 62
  },
  {
    "name": "王五",
    "grade": 86
  }
];

现在需要按成绩进行排序,如果浏览器支持JavaScript 2015,那么可以如下编写代码:

grades.sort((a, b) => b.grade - a.grade);

如果浏览器不支持JavaScript 2015,可以通过函数的方式来进行排序。

grades.sort(function(a, b) { return a.grade - b.grade })
Previous:
上一篇:javaScript中的随机数方法
Next:
下一篇:深入了解style标签元素
返回顶部