定义和用法
sort() 方法用于对数组的元素进行排序。
语法
//sortby 可选。规定排序顺序。必须是函数。
arrayObject.sort(sortby)
返回值
对数组的引用。请注意,数组在原数组上进行排序,不生成副本。
说明
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
- 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
- 若 a 等于 b,则返回 0。
- 若 a 大于 b,则返回一个大于 0 的值。
示例代码
#1
在本例中,我们将创建一个数组,并按字母顺序进行排序:
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
document.write(arr.sort())
</script>
输出:
George,John,Thomas,James,Adrew,Martin
Adrew,George,James,John,Martin,Thomas
#2
在本例中,我们将创建一个数组,并按字母顺序进行排序:
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")
document.write(arr.sort())
</script>
输出:
10,5,40,25,1000,1
1,10,1000,25,40,5
请注意,上面的代码没有按照数值的大小对数字进行排序,要实现这一点,就必须使用一个排序函数:
<script type="text/javascript">
function sortNumber(a,b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")
document.write(arr.sort(sortNumber))
</script>
输出:
10,5,40,25,1000,1
1,5,10,25,40,1000
多维排序方法
数组中存储的都是对象,最终可以倒序、反序,可以进行多维度排序的功能
/**
* js数组排序 支持数字和字符串
* @param params
* @param arrObj obj 必填 数组对象
* @param keyName string 必填 要排序的属性名称
* @param type int 选填 默认type:0 正顺 type:1反顺
*/
function arrItemSort(arrObj,keyName,type) {
//这里如果 直接等于arrObj,相当于只是对对象的引用,改变排序会同时影响原有对象的排序,而通过arrObj.slice(0),
//表示把对象复制给另一个对象,两者间互不影响
var tempArrObj = arrObj.slice(0);
var compare = function (keyName,type) {
return function (obj1, obj2) {
var val1 = obj1[keyName];
var val2 = obj2[keyName];
if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
val1 = Number(val1);
val2 = Number(val2);
}
//如果值为空的,放在最后
if (val1 == null && val2 == null) {
return 0;
} else if (val1 == null && val2!= null ) {
return (type==1 ? -1 : 1);
} else if (val2 == null && val1!= null ) {
return (type==1 ? 1 : -1);
}
//排序
if (val1 < val2) {
return (type==1 ? 1 : -1);
} else if (val1 > val2) {
return (type==1 ? -1 : 1);;
} else {
return 0;
}
}
}
return tempArrObj.sort(compare(keyName,type));
}
使用示例:
var temp = [
{"name":"zjf","score":50,"age":10},
{"name":"lyy","score":90,"age":5},
{"name":"zzx","score":90,"age":12}
];
//根据age排序
var temp1 = arrItemSort(temp,"age",1);
console.log(temp1);
//先按年龄排序,再按分数排序
var temp2 = arrItemSort(arrItemSort(temp,"age",1),"score",1);
console.log(temp2);