JavaScript中数组Array.sort()排序方法详解

Posted 2020-09-02 陌年古城

    javascript中数组的sort()方法主要用于对数组的元素进行排序。其中，sort()方法有一个可选参数。但是，此参数必须是函数。 数组在调用sort()方法时，如果没有传参将按字母顺序（字符编码顺序）对数组中的元素进行排序，如果想按照其他标准进行排序，就需要进行传一个参数且为函数，该函数要比较两个值，并且会返回一个用于说明这两个值的相对顺序的数字。

1、对数字数组进行由小到大的顺序进行排序。

代码：

var arr = [22,12,3,43,56,47,4];

arr.sort();

console.log(arr); // [12, 22, 3, 4, 43, 47, 56]

arr.sort(function (m, n) {
	if (m < n) return -1
	else if (m > n) return 1
	else return 0
});

console.log(arr); // [3, 4, 12, 22, 43, 47, 56]

2、对字符串数组执行不区分大小写的字母表排序。

代码：

var arr = [‘abc‘, ‘Def‘, ‘BoC‘, ‘FED‘];
 
console.log(arr.sort()); // ["BoC", "Def", "FED", "abc"]
 
console.log(arr.sort(function(s, t){
 
    var a = s.toLowerCase();
    var b = t.toLowerCase();
    if (a < b) return -1;
    if (a > b) return 1;
    return 0;
 
})); // ["abc", "BoC", "Def", "FED"]

3、对包含对象的数组排序，要求根据对象中的年龄进行由大到小的顺序排列

代码：

var arr = [{‘name‘: ‘张三‘, age: 26},{‘name‘: ‘李四‘, age: 12},{‘name‘: ‘王五‘, age: 37},{‘name‘: ‘赵六‘, age: 4}];

var objectArraySort = function (keyName) {

	return function (objectN, objectM) {

		var valueN = objectN[keyName]
		var valueM = objectM[keyName]

		if (valueN < valueM) return 1
		else if (valueN > valueM) return -1
		else return 0

	}

}

arr.sort(objectArraySort(‘age‘))
console.log(arr) // [{‘name‘: ‘王五‘, age: 37},{‘name‘: ‘张三‘, age: 26},{‘name‘: ‘李四‘, age: 12},{‘name‘: ‘赵六‘, age: 4}]