JavaScript数组sort()方法详解:数字、字符串与对象排序实战

作者:小括号时间:2026-10-21 22:57:26浏览:261

本文详解JavaScript中Array.sort()方法的用法。默认情况下,sort()按字符编码顺序排序。通过传入比较函数,可实现数字数组的升序排列、字符串数组的不区分大小写排序,以及根据对象特定属性(如年龄)进行降序排列。文章提供了完整的代码示例,帮助开发者掌握不同场景下的排序技巧。

sort()方法基础与默认行为

在JavaScript中,数组的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}]

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持本站!

作者最新文章