JavaScript中数组Array.sort()排序方法详解
更新时间：2017年03月01日 16:14:05 作者：陌年古城
本篇文章主要介绍了JavaScript中数组Array.sort()的排序方法。具有很好的参考价值，下面跟着小编一起来看下吧
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}]
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了JS点击链接后慢慢展开隐藏着图片的方法,实例分析了javascript操作图片的隐藏与现实技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
JavaScript 是一个程序语言,语法规则定义了语言结构,这篇文章主要介绍了JavaScript练习语法及建议总结的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-07-07
这篇文章主要介绍了JS回调函数 callback的理解与使用,结合具体案例形式分析了javascript回调函数的功能、原理、用法及相关操作注意事项,需要的朋友可以参考下2019-09-09
本文主要介绍了使用Webpack进行高效分包优化的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2025-06-06
这篇文章主要介绍了JavaScript错误处理的相关资料,需要的朋友可以参考下2015-02-02
Array 对象用于在单个的变量中存储多个值。2016-06-06
这篇文章主要介绍了Javascript 对象（object）合并操作,结合实例形式分析了javascript基于jQuery的extend方法、对象属性、遍历赋值等操作实现对象合并相关操作技巧与使用注意事项,需要的朋友可以参考下2019-07-07
alova.js 是一个基于 Promise 的轻量级 HTTP 请求库,它提供了简单而强大的 API 来处理前端的 HTTP 请求,它的设计目标是简化开发者在前端进行 HTTP 请求的过程,提供更好的开发体验和更高的效率,本文给大家详细介绍了Alova.js现代化请求库的使用,需要的朋友可以参考下2025-03-03
这篇文章主要为大家详细介绍了小程序实现录音功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
本文主要介绍了javascript中面向对象的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
最新评论