JavaScript踩坑(5)比值函数 function(a, b)
2021/9/27 17:11:33
本文主要是介绍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六个数字,
分别采用了按字母先后顺序(是的,数字也能按字母顺序排列)和按数字大小顺序排列的方式
<script> 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; } </script>
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>
运行界面:
点击按字母升序排序按钮:
点击按数字升序排序按钮:
详情查看原文链接:https://blog.csdn.net/qwe122343/article/details/103992772
这篇关于JavaScript踩坑(5)比值函数 function(a, b)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-28AI给的和自己写的Python代码,都无法改变输入框的内容,替换也不行
- 2024-09-27Sentinel配置限流资料:新手入门教程
- 2024-09-27Sentinel配置限流资料详解
- 2024-09-27Sentinel限流资料:新手入门教程
- 2024-09-26Sentinel限流资料入门详解
- 2024-09-26Springboot框架资料:初学者入门教程
- 2024-09-26Springboot框架资料详解:新手入门教程
- 2024-09-26Springboot企业级开发资料:新手入门指南
- 2024-09-26SpringBoot企业级开发资料新手指南
- 2024-09-26Springboot微服务资料入门教程