想用sort方法对数组排下序,代码如下:

 var nums = "12 645 6 85 81 0 9 365 4 752".split(" ").map(function(a){
return Number(a);
});
console.log(nums); // 排序前 [12, 645, 6, 85, 81, 0, 9, 365, 4, 752]
console.log(nums.sort()); // 排序后 [0, 12, 365, 4, 6, 645, 752, 81, 85, 9]

排序后的结果并不是预期的按照数值大小排列的,带着疑问去查了一下《JavaScript权威指南》,发现:

当不带参数调用sort()时,数组元素以字母表顺序排序(如有必要将临时转化为字符串进行比较)

原来默认都是以字符串形式比较的,接着又试验了两把:

 var words = "Lorem ipsum dolor sit amet consectetur adipisicing elit.".split(" ");
console.log(words); //["Lorem", "ipsum", "dolor", "sit", "amet", "consectetur", "adipisicing", "elit."]
//只有字符串的情况
console.log(words.sort()); //["Lorem", "adipisicing", "amet", "consectetur", "dolor", "elit.", "ipsum", "sit"]
//数字和字符串的情况
var numAndWords = ["Lorem", "ipsum", "dolor", "sit", "amet", 12, 645, 6, 85, 81, 0];
console.log(numAndWords.sort()); //[0, 12, 6, 645, 81, 85, "Lorem", "amet", "dolor", "ipsum", "sit"]
//数字和部分以数字开头的字符串
numAndWords = ["Lorem", "2ipsum", "13dolor", "sit", "amet", 12, 645, 6, 85, 81, 0];
console.log(numAndWords.sort()); //[0, 12, "13dolor", "2ipsum", 6, 645, 81, 85, "Lorem", "amet", "sit"]

结果都符合预期,是按照ACSII码顺序进行比较的。如果想按照数值大小进行排序,该如何操作呢?这就用到了带参数的sort方法,参数可以是function,这样就能够按照自定义的方式排序了。

下面定义一个按照数值大小排序的方法:

 nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function(a, b){
if(a < b){
return -1;
}
else if (a > b) {
return 1;
}
else{
return 0;
}
})); //结果为:[0, 4, 6, 9, 12, 81, 85, 365, 645, 752]

根据《JavaScript权威指南》的说法:

给sort方法传递一个比较函数,该函数决定了它的两个参数在排好序的数组中的先后顺序:假设第一个参数应该在前,比较函数应该返回一个小于0的数值,反之,假设第一个参数应该在后,函数应该返回一个大于0的数值,并且,假设两个值相等,函数应该返回0。

但是如下比较函数返回大于0的数值时的测试有些意外:

 nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function (a, b) {
if (a < b) {
return 1;
}
})); //结果为:[12, 645, 6, 85, 81, 0, 9, 365, 4, 752]
nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function (a, b) {
if (a > b) {
return 1;
}
})); //结果为:[12, 645, 6, 85, 81, 0, 9, 365, 4, 752]

接着继续测试比较函数返回小于0的数值时的情况:

 nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function (a, b) {
if (a < b) {
return -1;
}
})); //结果为:[0, 4, 6, 9, 12, 81, 85, 365, 645, 752]
nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function (a, b) {
if (a > b) {
return -1;
}
})); //结果为:[752, 645, 365, 85, 81, 12, 9, 6, 4, 0]

只有比较函数返回值小于0时才会进行数组的排序。

《JavaScript权威指南》给出了一种简便的按照数值大小比较的方法:

 nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function(a, b){
return a - b;
})); //结果为:[0, 4, 6, 9, 12, 81, 85, 365, 645, 752]

以上是个人测试的结果,如有不对还请指教。

JS数组Sort方法的使用的更多相关文章

  1. js数组sort方法详解

    在处理数组的时候,我们有时候需要对数组进行排序,排序的方法有很多种,但是最好最快的就是利用sort方法进行快速的排序. 我们来看一个例子: var arr1 = [6, 3, 4, 1, 2, 5, ...

  2. js数组sort方法

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. 浅谈6种JS数组遍历方法的区别

    本篇文章给大家介绍一下6种JS数组遍历方法:for.foreach.for in.for of.. each. ().each的区别.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. ...

  4. JS高级面试题思路(装箱和拆箱、栈和堆、js中sort()方法、.js中Date对象中的getMounth() 需要注意的、开发中编码和解码使用场景有哪些)

    1.装箱和拆箱: 装箱:把基本数据类型转化为对应的引用数据类型的操作: var num = 123 // num var objNum = new Num(123) // object console ...

  5. js数组sort排序方法的算法

    说明一下,ECMAScript没有定义使用哪种排序算法,各个浏览器的实现方式会有不同.火狐中使用的是归并排序,下面是Chrome的sort排序算法的实现. sort方法源码 DEFINE_METHOD ...

  6. js数组的方法小结

    js中数组是一种非常常用数据结构,而且很容易模拟其他的一些数据结构,比如栈和队列.数组的原型Array.prototype内置了很多方法,下面就来小小总结一下这些方法. 检测数组就不用多说了,使用EC ...

  7. 再探JS数组原生方法—没想到你是这样的数组

    最近作死又去做了一遍javascript-puzzlers上的44道变态题,这些题号称"JS语言专业八级"的水准,建议可以去试试,这里我不去解析这44道题了, ...

  8. JS中sort()方法的用法,参数以及排序原理

    sort() 方法用于对数组的元素进行排序,并返回数组.默认排序顺序是根据字符串Unicode码点.语法:arrayObject.sort(sortby):参数sortby可选.规定排序顺序.必须是函 ...

  9. JS中sort()方法原理及使用

    说明 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序.要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较. arra ...

随机推荐

  1. C++ pair方法/vector方法

    一,pair方法 类模板:template <class T1, class T2> struct pair 参数:T1是第一个值的数据类型,T2是第二个值的数据类型. 功能:pair将一 ...

  2. Hadoop 集群安装(主节点安装)

    1.下载安装包及测试文档 切换目录到/tmp view plain copy cd /tmp 下载Hadoop安装包 view plain copy wget http://192.168.1.100 ...

  3. [Swift]LeetCode659. 分割数组为连续子序列 | Split Array into Consecutive Subsequences

    You are given an integer array sorted in ascending order (may contain duplicates), you need to split ...

  4. Python中面向对象的概念(科普)

    面向对象(OOP)基本概念 面向对象编程 —— Object Oriented Programming 简写 OOP 目标 了解 面向对象 基本概念 01. 面向对象基本概念 我们之前学习的编程方式就 ...

  5. 目标文件去除header一行开头的#号

    请按照如下步骤进行配置: --> 打开session的Config Object选项卡,并编辑Custom Properties选项 -->  编辑Custom Properties项目 ...

  6. SQL执行错误#1064---保留字错误

    CREATE TABLE IF NOT EXISTS `change` ( `id` INT NOT NULL AUTO_INCREMENT, `creator` VARCHAR(45) NOT NU ...

  7. java反射取private字段

    Class clazz = bean.getClass();Field[] fields = clazz.getDeclaredFields();String sign = ""; ...

  8. 1.MySQL(一)

    数据库简介 数据库(Database)是按照数据结构来组织.存储和管理数据的仓库 RDBMS 即关系数据库管理系统(Relational Database Management System) 1.特 ...

  9. SpringCloud(4)---Ribbon服务调用,源码分析

    SpringCloud(4)---Ribbon 本篇模拟订单服务调用商品服务,同时商品服务采用集群部署. 注册中心服务端口号7001,订单服务端口号9001,商品集群端口号:8001.8002.800 ...

  10. SpringCloud(3)---Eureka服务注册与发现

    Eureka服务注册与发现 一.Eureka概述 1.Eureka特点 (1) Eureka是一个基于REST的服务,用于定位服务,以实现云端中间层服务发现和故障转移. (2) Eureka 主管服务 ...