js对html内容进行排序,javaScript中的排序方法

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