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实现图片高亮展示效果实例

    JS实现图片高亮展示效果实例

    这篇文章主要介绍了JS实现图片高亮展示效果的方法,实例分析了JavaScript响应鼠标事件动态操作页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • JS实现页面数据懒加载

    JS实现页面数据懒加载

    这篇文章主要为大家详细介绍了JS实现页面数据懒加载,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • 微信小程序实现文字从右向左无限滚动

    微信小程序实现文字从右向左无限滚动

    这篇文章主要为大家详细介绍了微信小程序实现文字从右向左无限滚动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JavaScript代码调试方法实例小结

    JavaScript代码调试方法实例小结

    这篇文章主要介绍了JavaScript代码调试方法,结合实例形式总结分析了JavaScript错误信息的处理与代码调试相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • JavaScript用构造函数如何获取变量的类型名

    JavaScript用构造函数如何获取变量的类型名

    在JavaScript中,如何准确获取变量的类型名是一个经常使用的问题。但是常常不能获取到变量的精确名称,或者必须使用jQuery 中的方法,这里通过 typeof ,jQuery.type 和 通过构造函数来获取变量类型这三种方法详细介绍一遍。有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-12-12
  • 一文彻底搞懂JS数据类型之基本类型与引用类型的核心差异

    一文彻底搞懂JS数据类型之基本类型与引用类型的核心差异

    在javascript中,引用数据类型是一种数据结构,用于将数据和功能组织在一起,它也常被称为类,这篇文章主要介绍了JS数据类型之基本类型与引用类型核心差异的相关资料,需要的朋友可以参考下
    2026-03-03
  • javascript监听鼠标滚轮事件浅析

    javascript监听鼠标滚轮事件浅析

    这篇文章主要介绍了javascript监听鼠标滚轮事件浅析,使用具体例子说明,同时考虑了不同的浏览器,需要的朋友可以参考下
    2014-06-06
  • JavaScript中Array.from()的用法总结

    JavaScript中Array.from()的用法总结

    本文主要介绍了JavaScript中Array.from()的用法总结
    2023-05-05
  • 实例浅析js的this

    实例浅析js的this

    本文通过做几个简单的对照实验,根据这几个对照实验的结果,帮助大家理解js的this用法。下面就跟小编一起来看看吧
    2016-12-12
  • js同比例缩放图片的小例子

    js同比例缩放图片的小例子

    这篇文章介绍了js同比例缩放图片的小例子,有需要的朋友可以参考一下
    2013-10-10

最新评论