我们经常需要对元素进行排序,例如在一个商城网站中,用户需要按价格的高低对商品进行排序等。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 })