JS 数组sort方法的升序为什么是a-b你知道吗
简单使用 sort 方法的时候,是按位排序的,比如:
var arr = [1, 22, 15, 32, 4, 5] arr.sort()//[1,15,22,32,4,5]
这样的结果很明显不能满足大多数问题的需求,所以我们可以在调用sort方法的时候,传入一个回调函数,从而改变 sort 方法的排序方式。先放结果,下列两次排序分别为 升序排序 和 降序排序 。
var arr = [1, 22, 15, 32, 4, 5] arr.sort((a, b) => {return a - b}) // 升序排序 [1, 4, 5, 15, 22, 32] arr.sort((a, b) => {return b - a}) // 降序排序 [32, 22, 15, 5, 4, 1]
回调函数的格式为(a,b)=> { return xxx },ab为数组中任意两个数
当返回值大于0时,a放在b的后面;
当返回值小于0时,a放在b的前面;
当返回值等于0时,ab位置不改变。
所以,为什么上面返回 a - b 就是升序,返回 b - a 就是降序了呢?
我们可以简单举个例子,类似于高中数学的分类讨论。
当 a>b 时,
a - b > 0 ,排序结果 ===> b,a (升序)
b - a < 0 ,排序结果 ===> a,b (降序)
当 b>a 时,
a - b < 0 ,排序结果 ===> a,b (升序)
b - a > 0 ,排序结果 ===> b,a (降序)
当 a=b 时,
a - b = b - a =0 , 排序结果 ===> 保持不变
由此看出,
无论a>b还是b>a,return a-b 总能得到升序的结果,而 return b-a 总能得到降序的结果。
另外,return a-b / return b - a 只是一种在理解的基础上简便的写法。
如果你还是不能理解,完全可以像这样写,下面也是一个升序排序:
因为返回值>0,把a放在后面,所以a>b时候,返回一个正数。后面理解同理。
var arr = [1, 22, 15, 32, 4, 5] arr.sort((a, b) => { if (a > b) return 1; else if (a < b) return -1; else return 0; }); // [1,4,5,15,22,32]
相关推荐
-
js数组Array sort方法使用深入分析
javascript 中 Array.sort()方法是用来对数组项进行排序的 ,默认情况下是进行升序排列,实例代码如下: 复制代码 代码如下: var arrA = [6,2,4,3,5,1]; arrA.sort(); document.writeln(arrA); //结果是:1,2,3,4,5,6 sort() 方法可以接受一个 方法为参数 ,这个方法有两个参数.分别代表每次排序比较时的两个数组项.sort()排序时每次比较两个数组项都回执行这个参数,并把两个比较的数组项作为参数传递给这
-
JS简单数组排序操作示例【sort方法】
本文实例讲述了JS简单数组排序操作.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net 数组排序</title> </head> <body> <script> window.onload = function()
-
js中数组排序sort方法的原理分析
本文实例分析了js中数组排序sort方法的原理.分享给大家供大家参考.具体分析如下: 最近在百度的项目中要用到对数组进行排序,当然一开始自然想到了数组的sort方法,这方法应用非常简单,大致如下: 复制代码 代码如下: window.onload=function(){ var arr=[2,55,55,1,75,3,9,35,70,166,432,678,32,98]; var arr2=["George","John","
-
js中的数组Array定义与sort方法使用示例
Array数组相当于java中的ArrayList 定义方法: 1:使用new Array(5 )创建数组 var ary = new Array(5): 2:使用Json语法,var ary = [1,3,4]: 数组排序: 例: 复制代码 代码如下: function sort(){ var ary=[11,12,3,5,29]; ary.sort();//按照字符编码排序11,12,29,3,5; alert(ary.toString()); ary.sort(function(v1,v2
-
JS sort方法基于数组对象属性值排序
sort方法接收一个函数作为参数,这里嵌套一层函数用来接收对象属性名,其他部分代码与正常使用sort方法相同. var arr = [ {name:'zopp',age:0}, {name:'gpp',age:18}, {name:'yjj',age:8} ]; function compare(property){ return function(a,b){ var value1 = a[property]; var value2 = b[property]; return value1 -
-
深入了解javascript 数组的sort方法
在javascript中,数组对象有一个有趣的方法sort,它接收一个类型为函数的参数作为排序的依据.这意味着开发者只需要关注如何比较两个值的大小,而不用管"排序"这件事内部是如何实现的.不过了解一下sort的内部实现也不是一件坏事,何不深入了解一下呢? 算法课上,我们会接触很多种排序算法,什么冒泡排序.选择排序.快速排序.堆排序等等.那么javascript的sort方法采用哪种排序算法呢?要搞清楚这个问题,呃,直接看v8源代码好了.v8中对Array.sort的实现是采用javas
-
JS 数组sort方法的升序为什么是a-b你知道吗
简单使用 sort 方法的时候,是按位排序的,比如: var arr = [1, 22, 15, 32, 4, 5] arr.sort()//[1,15,22,32,4,5] 这样的结果很明显不能满足大多数问题的需求,所以我们可以在调用sort方法的时候,传入一个回调函数,从而改变 sort 方法的排序方式.先放结果,下列两次排序分别为 升序排序 和 降序排序 . var arr = [1, 22, 15, 32, 4, 5] arr.sort((a, b) => {return a - b})
-
JavaScript中数组sort()方法的基本使用与踩坑记录
前言 在日常的代码开发中,关于数组排序的操作可不少,JavaScript 中可以调用 sort 方法对数组进行快速排序. 今天,就数组的 sort 方法来学习一下,避免日后踩坑的悲惨遭遇. 概念 sort 方法用于对数组的元素进行排序. 语法 arr.sort([compareFunction]) 参数解析 compareFunction (可选) 用来指定按某种顺序进行排列的函数.该函数有两个参数: firstEl 第一个比较的元素 secondEl 第二个比较的元素 该函数如果省
-
详解JS数组Reduce()方法详解及高级技巧
基本概念 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值. reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组. 语法: arr.reduce(callback,[initialValue]) callback (执行数组中每个值的函数,包含四个参数) previousValue (上
-
JS数组Reduce方法功能与用法实例详解
本文实例讲述了JS数组Reduce方法功能与用法.分享给大家供大家参考,具体如下: 概述 一直以来都在函数式编程的大门之外徘徊,要入门的话首先得熟悉各种高阶函数,数组的reduce方法就是其中之一. reduce方法将会对数组元素从左到右依次执行reducer函数,然后返回一个累计的值.举个形象的例子:你要组装一台电脑,买了主板.CPU.显卡.内存.硬盘.电源...这些零件是组装电脑的必要条件. 装的过程可以简单概括为拆掉每个零件的包装,再装到一起.类比一下reduce函数就可以明白了,那些零件
-
Js中sort()方法的用法
返回一个元素已经进行了排序的 Array 对象. arrayobj.sort(sortfunction) 参数 arrayObj 必选项.任意 Array 对象. sortFunction 可选项.是用来确定元素顺序的函数的名称.如果这个参数被省略, 那么元素将按照 ASCII 字符顺序进行升序排列. 说明 sort 方法将 Array 对象进行适当的排序: 在执行过程中并不会创建新的 Array 对象. 如果为 sortfunction 参数提供了一个函数,那么该函数必须返回下列值之
-
php中给js数组赋值方法
因为接口方的要求,用js中处理数据,所以需要php程序从数据库取出数值后赋值给js数组.一直没有找到很好的办法,因为PHP数组的数据编码和JS 数组的编码格式不一样,不能直接输出. 在网上搜索一通后,找到的解决的方法: PHP函数库提供了编/解码JSON的函数:json_encode()和json_decode(),可以比较方便的传递数组或对象给javascript.注意:PHP 5.2以上才绑定了JSON扩展. 在php如下写: 复制代码 代码如下: $arr = array('1',arra
-
js 数组克隆方法 小结
因此如果要创建一个与已经存在的对象内容相同的对象,不能通过简单的赋值操作.这样说的可能还是不太明白. 看下面的例子: 复制代码 代码如下: var a=[1,2,3,4]; var b=a;c=b; a.pop(); //移除最后一个元素 alert(b); //弹出1,2,3 alert(c); //弹出1,2,3 var a=[1,2,3,4]; var b=a;c=b; a.pop(); //移除最后一个元素 alert(b); //弹出1,2,3 alert(c); //弹出1,2,3
-
如何写JS数组sort的比较函数
譬如: var a=[1,5,3,7]; a.sort(function(a, b) { return b-a});//从大到小排列 那如果复杂点的顺序应该如何写这个比较函数呢. 对于比较函数function f(a,b){...} ,若返回正数,则说明a和b需要交换,否则不交换.所以我们可以通通根据下面的格式去写比较函数: 复制代码 代码如下: function f(a, b) { if (...) { return 1; } return -1; } 然后,我们要做的就是写出if里面的条件,
-
JS数组reduce()方法原理及使用技巧解析
1.语法 arr.reduce(callback,[initialValue]) reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组. callback (执行数组中每个值的函数,包含四个参数) 1.previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue)) 2.currentValue (数组中当前被处理的元素)
-
js数组常用最重要的方法
数组作为js中常用的数据类型使我们用的最多的, 在其他地方可以搜索出很多对其方法的总结, 本文列举了笔者认为的(个人认为^_^)最为重要的一系列方法 split()//字符串 ->数组转换 join()//数组 ->字符串转换, 转换时可以添加符号, 还有一个是toString() indexOf() //查找元素返回第一个与参数相同的元素的索引.有另外函数 lastIndexOf(), //该函数返回相同元素中最后一个元素的索引,如果没找到相同元素,则返回 -1 push() pop() u
随机推荐
- GO语言获取系统环境变量的方法
- Js 获取当前日期时间及其它操作实现代码
- js点击弹出div层实现可拖曳的弹窗效果
- Java接口和抽象类用法实例总结
- iOS中searchBar(搜索框)光标初始位置后移
- 浅谈JavaScript字符串拼接
- php中使用Curl、socket、file_get_contents三种方法POST提交数据
- 数据库表分割技术浅析(水平分割/垂直分割/库表散列)
- Windows域帐户的好处 域控制器的优点介绍
- Jquery中find与each方法用法实例
- JavaScript如何实现对数字保留两位小数一位自动补零
- JS实现两周内自动登录功能
- win2003 ip安全策略 限制某个IP或IP段访问服务器指定端口图文说明
- 解析在内部循环中Continue外部循环的使用详解
- OpenCV 2.4.3 C++ 平滑处理分析
- 基于JSONP原理解析(推荐)
- Vue动态生成表格的行和列
- phpstorm 配置xdebug的示例代码
- JavaScript 隐性类型转换步骤浅析
- Mybatis Integer类型参数值为0时得到为空的解决方法