JavaScript踩坑(5)比值函数 function(a, b)
时间:2021-09-27
本文章向大家介绍JavaScript踩坑(5)比值函数 function(a, b),主要包括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
原文地址:https://www.cnblogs.com/sam-zh/p/15343335.html
- 图像处理之理解Homography matrix(单应性矩阵)
- OpenCV中图像直方图与应用
- OpenCV中图像修复技术介绍与演示
- 44个Java代码性能优化总结
- LDA(Linear Discriminant Analysis)算法介绍
- Express.js 4,Node.js,MongoDB REST API 简易教程
- 基于梯度下降算法求解线性回归
- 彩色图像高斯反向投影
- OpenCV中直方图反向投影算法详解与实现
- 基于一维级联快速膨胀与腐蚀算法
- mac下利用Breakpad的dump文件进行调试
- OpenCV3.2集成Android Studio2.2开发配置
- laravel中使用gulp打包发布前端部分
- Spring的编程式事务和声明式事务
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Ansible-安装配置
- React-Redux 100行代码简易版探究原理。
- Ansible-免密登录与主机清单Inventory
- 安装Ambari和HDP
- React中引入Vue3的@vue/reactivity 实现响应式状态管理
- Ansible Ad-Hoc与常用模块
- Ansible Playbook 初识
- Ansible Playbook 变量与 register 详解
- 初探 Spark ML 第一部分
- Ansible Facts 变量详解 添加用户账号Ansible 配置清单Inventory
- Ansible playbook 编程
- 前端工程师自检清单73答
- Ansible playbook Vault 加密
- MySQL主从复制
- Ansible Jinja2 模板使用