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获取页面上的所有标签 ,需要的朋友可以参考下
    2018-10-10
  • JS 实现缓存算法的示例(FIFO/LRU)

    JS 实现缓存算法的示例(FIFO/LRU)

    这篇文章主要介绍了JS 实现缓存算法的示例(FIFO/LRU),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • javascript合并两个数组最简单的实现方法

    javascript合并两个数组最简单的实现方法

    这篇文章主要介绍了javascript合并两个数组最简单的实现方法,方法很简单,有需要的朋友们可以学习下。
    2019-09-09
  • JavaScript中的原型链prototype介绍

    JavaScript中的原型链prototype介绍

    这篇文章主要介绍了JavaScript中的原型链prototype介绍,本文讲解了访问原型对象的3种方法,判断两个对象间是否存在原型链关系的方法等,需要的朋友可以参考下
    2014-12-12
  • js arguments,jcallee caller用法总结

    js arguments,jcallee caller用法总结

    这篇文章主要介绍了js中arguments, jcallee caller用法。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • JS 中LocalStorage和SessionStorage的使用

    JS 中LocalStorage和SessionStorage的使用

    最近因为项目上需要使用到客户端存储,所以稍微研究了一下,以下说说自己的理解和使用经验,特此分享到脚本之家平台,感兴趣的朋友参考下吧
    2017-08-08
  • DOM节点深度克隆函数cloneNode()用法实例

    DOM节点深度克隆函数cloneNode()用法实例

    这篇文章主要介绍了DOM节点深度克隆函数cloneNode()用法,实例分析了cloneNode()函数深度复制的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • javascript实现非常简单的小数取整功能示例

    javascript实现非常简单的小数取整功能示例

    这篇文章主要介绍了javascript实现非常简单的小数取整功能,结合具体实例形式分析了javascript数学运算取整相关操作技巧,需要的朋友可以参考下
    2017-06-06
  • 创建echart多个联动的示例代码

    创建echart多个联动的示例代码

    这篇文章主要介绍了创建echart多个联动的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • 轻松实现js图片预览功能

    轻松实现js图片预览功能

    这篇文章帮助大家轻轻松松实现js图片预览功能,主要介绍了纯JS实现本地图片预览的方法,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-01-01

最新评论