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}]
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持本站!
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
