JavaScript踩坑（5）比值函数 function(a, b)

在下午学习JavaScript数组的过程中，多次用到了比值函数

比值函数function( a, b )是和JavaScript里的sort( )函数一起使用的，比值函数嵌套在sort( )函数的圆括号里

为什么要用比值函数？

sort() 以字母顺序对数组进行升序排序
而数字顺序sort( )无法凭自己单独实现，这里就体现了比值函数的作用

——————————————————————————————————————
sort() 函数比较两个值时，
会将值发送到嵌套在圆括号里的比值函数function(a, b)
function(a, b) 计算并返回 (a - b)的值，值或正或负或零，
sort( )可根据返回的值的正负对数组进行排序

按我自己的理解：
比值函数的目的是将结果的正负供sort( )参考，
sort( )光凭借正负号就能将所有数按顺序排列出来

注意：

function(a, b){
return (a - b)
}
使值按升序由小到大排序

function(a, b){
return (b - a)
}
使值按降序由大到小排序

不卖关子，上代码：
这里提供了points数组，有11, 100, 1, 5, 25, 10六个数字，
分别采用了按字母先后顺序（是的，数字也能按字母顺序排列）和按数字大小顺序排列的方式

Javascript：var points = [11, 100, 1, 5, 25, 10];
document.getElementById("demo").innerHTML = points;// 以字母/字符串顺序对数组进行排序
function sort_by_letter() {points = points.sort();document.getElementById("demo").innerHTML = points;
}
//以数字大小排序
function sort_by_number() {points.sort(function (a,b) {//比值函数 起到数字升序排序的作用return (a - b) });document.getElementById("demo").innerHTML = points;
}

HTML:<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JS数组排序</title>
</head><body>
<h1>JavaScript 数组排序</h1>
<p id="demo"></p>
<button onclick="sort_by_letter()">按字母升序排序</button>
<button onclick="sort_by_number()">按数字升序排序</button>
<script src="../Javascript/0115_05.js"></script>
</body>
</html>

运行界面：

点击按字母升序排序按钮：

点击按数字升序排序按钮：

JavaScript踩坑（5）比值函数 function(a, b)相关推荐

深入理解javascript中的立即执行函数(function(){…})()
2019独角兽企业重金招聘Python工程师标准>>> javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各 ...
JavaScript中的一等公民: 函数(Function)
1. 函数的基本使用使用函数声明或者函数表达式创建一个函数 foo(); //foo bar(); //Uncaught ReferenceError: Cannot access 'bar' be ...
国产数据库人大金仓踩坑记录和函数适配
文章目录总体介绍注意事项(踩的坑) 函数适配(持续更新) 技巧总体介绍人大金仓,是国产数据管理软件与服务提供商.主要服务于电子政务.党务.国防军工.金融.智慧城市.企业信息化等行业.在北京.上 ...
hive踩坑笔记 —— 开窗函数为聚合函数时，加order by 与不加 order by的区别
over()开窗函数前分排序函数和聚合函数两种当为排序函数,如row_number(),rank()等时,over中的order by只起到窗口内排序作用. 当为聚合函数,如max,min,coun ...
javascript中数组的sort（）方法与比值函数
一.使用sort对字符串数组排序 <script> function myFunction(){var fruits = ["Banana", "Orange ...
Mac安装Drozer apk安全测试框架踩坑记录, ‘openssl/opensslv.h‘ file not found 和implicit declaration of function‘xx‘
一. 环境准备查看Drozer项目说明发现环境要求大致就是: jdk1.7+ python2.7和pip 2不支持python3和pip3 Protobuf 2.6 + Pyopenssl 16. ...
Spark踩坑填坑-聚合函数-序列化异常
Spark踩坑填坑-聚合函数-序列化异常一.Spark聚合函数特殊场景二.spark sql group by 三.Spark Caused by: java.io.NotSerializable ...
javascript数组之数组排序：数组按照字符顺序排序，反转数组，数字排序，比值函数，随机排序，查找最大最小数组值，自制找数组最高最低值办法，排序对象数组
1.数组排序 sort() sort() 方法以字母顺序对数组进行排序 var fruits = ["Banana", "Orange", "Appl ...
JavaScript学习总结(七)——JavaScript函数(function)
转载自 JavaScript学习总结(七)--JavaScript函数(function) 一.函数基本概念为完成某一功能的程序指令(语句)的集合,称为函数. 二.JavaScript函数的分类 ...

JavaScript踩坑（5）比值函数 function(a, b)

为什么要用比值函数？

注意：

JavaScript踩坑（5）比值函数 function(a, b)相关推荐

最新文章

热门文章