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}]

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

相关文章

  • 总结分享10 个超棒的 JavaScript 简写技巧

    总结分享10 个超棒的 JavaScript 简写技巧

    这篇文章主要总结分享10 个超棒的 JavaScript 简写技巧,有合并数组、克隆数组、解构赋值、模板字面量等技巧,需要的朋友可以参考一下
    2022-06-06
  • js使用for循环及if语句判断多个一样的name

    js使用for循环及if语句判断多个一样的name

    这篇文章主要介绍了js使用for循环机if语句判断多个一样的name,此法比较实用,需要的朋友可以参考下
    2014-09-09
  • JavaScript 中URL 查询字符串(query string)的序列与反序列化的方法

    JavaScript 中URL 查询字符串(query string)的序列与反序列化的方法

    在 JavaScript 中,可以使用 URLSearchParams 对象来处理 URL 中的查询字符串,这篇文章主要介绍了JavaScript 中URL查询字符串(query string)的序列与反序列化,需要的朋友可以参考下
    2023-01-01
  • uniapp实现支付功能

    uniapp实现支付功能

    本文主要介绍了uniapp实现支付功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-05-05
  • VSCode中如何利用d.ts文件进行js智能提示

    VSCode中如何利用d.ts文件进行js智能提示

    这篇文章主要给大家介绍了关于VSCode中如何利用d.ts文件进行js智能提示的相关资料,文中通过图文以及示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2018-04-04
  • TypeScript 中括号用法小结

    TypeScript 中括号用法小结

    本文主要介绍了TypeScript 中括号用法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • 学习JavaScript鼠标响应事件

    学习JavaScript鼠标响应事件

    这篇文章主要带领大家学习JavaScript鼠标响应事件,为大家分享了一个简单的鼠标模拟案例,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • ES6 Iterator接口和for...of循环用法分析

    ES6 Iterator接口和for...of循环用法分析

    这篇文章主要介绍了ES6 Iterator接口和for...of循环用法,结合实例形式分析了Iterator接口和for...of循环相关使用技巧,需要的朋友可以参考下
    2019-07-07
  • JavaScript 经典实例日常收集整理(常用经典)

    JavaScript 经典实例日常收集整理(常用经典)

    本文是小编日常收集整理些js经典实例,非常具有参考借鉴价值,需要的朋友一起了解了解吧
    2016-03-03
  • localResizeIMG先压缩后使用ajax无刷新上传(移动端)

    localResizeIMG先压缩后使用ajax无刷新上传(移动端)

    随着技术的发展,移动设备像素越来越高,但是这么大的图片怎么上传呢?下面小编就给大家一起学习移动端图片上传的方法之localResizeIMG先压缩后使用ajax无刷新上传,需要的朋友可以参考下
    2015-08-08

最新评论