深入探讨JS中的数组排序函数sort()和reverse()
最近在研究Javascript发现了其中一些比较灵异的事情。有点让人感到无语比如:
alert(typeof( NaN == NaN));//结果为假。
alert(typeof( NaN != NaN));//结果为真。
嘿嘿,当然这个不是这篇文章要讨论的!!开始我们的正文
首先,我们来看一下JS中sort()和reverse()这两个函数的函数吧
reverse();这个函数是用来进行倒序,这个没有什么可说的,所谓倒序就是大的在前面,小的在后面。
比如:
var array1 = [0,1,5,10,15];
array1.reverse();//结果为:15,10,5,1,0
sort([参数]);这个函数是用来对数组进行正序排列的,但是,我发现了,大家好像都比较常规的把这个函数给大多数语言一样的使用!!但是,没错,你发现了这个函数其实是有参数的。
反正,在我们学习JS这门课程的时候,老师是没有讲解这个函数是有这个参数的。
刚刚我已经说了,它给我们其它语言的正序排列函数是有区别的,给大家举个例子吧.
var array1 = [0,1,5,10,15];
array1.sort();//结果为:0,1,10,15,5
大家可以自己去试试看看是不是这个结果!!当我看到结果的时候,有点不知道为什么。难道,这个函数不是做正序排列,于是去网上找了相关资料,在W3CSchool中看到,这个函数的一些说明。如下图
大家仔细阅读上图中的解释,其中我用红线部分的地方,是这个函数在进行排序的过程影响其值的根本原因。(其实,在使用sort()进行排序的时候会调用toString()函数将其值转换成字符串在进行比较,是按ASCII进行比较的)
哪么不难理解:1的ASCII值肯定要比5的ASCII值小,由于是正序哪么越小的就越在前面!!哪么我们要怎么做才能正确的使其排序达到我们想要的效果 呢。这个时候,就会使用,sort()中的参数了。这参数指向的是一个函数!我相信大家看到上面的图,我就不在做过多的解释了。看一下,下面的代码,我在 分析一下,他的实现过程吧。
function con(v1,v2) {if (v1<v2) {return -1; }else if(v1>v2){return 1;}else{return 0;} }
注:sort() 方法可以接受一个 方法为参数 ,这个方法有两个参数。分别代表每次排序比较时的两个数组项。sort()排序时每次比较两个数组项都回执行这个参数,并把两个比较的数组项作为参数传递 给这个函数。当函数返回值为1的时候就交换两个数组项的顺序,否则就不交换。
首先,要说明一下!排序算法是离不开冒泡算法的!这里同样是使用了冒泡算法,但是我们要怎么来理解这个算定义函数呢!
这个算定义函数必须有两个参数(这个在进行排序,换而言之就是谁大谁就在前面!!就是比较大小。)
函数的的意思是,当v1<V2为-1,V1>v2为1,v1==v2为0
<V2为-1,V1>
<V2为-1,V1>
根据冒泡算法:传递两个值给v1和v2,array[0] ="0",array[1]="2" 那么,v1=0,v2=2,
第一轮:按照上面的规定,不交换位置,那么第一次下来是:0,2,1,0.5因为0比任何的数都小所以第一轮结束,他始终在最前面我就不分析了
第二轮:v1=2,v2=1;
第一次:由于v1>v2所以v1和v2的值交换位置结果为:0,1,2,0.5;
第二次:这个时候v1=1,v2=2进行比较结题为:0,1,2,0.5,
第三次:这个时候v1=1,v2=0.5由于v1>v2所以v2和v2交换位置,其结果为:0,0.5,1,2
第四次:这个时候v1=0.5,v2=2进行比较其结果为:0,0.5,1,2
第三轮:v1=1,v2=2;
第一次:进行比较其结果为0,0.5,1,2这个时候由于已经到数组的么尾了。退出函数。返回结果。
好了,这个就是sort()函数的一个探讨,希望,大家看完此文章对JS的排序函数有一个比较深入的了解。当然,我讲解的这种写法是一种比较通用的写法, 大家也可以按照自己的需要写一下,倒序,大、小写等 等 ...这里就不在多说了!!可能有些许地方,讲解得不够好。希望大家能够谅解。如果有什么疑问,请在文章下面留言。
转载于:https://www.cnblogs.com/RuMengkai/p/6501408.html
深入探讨JS中的数组排序函数sort()和reverse()相关推荐
- js中的offset函数和position
js中的offset函数,其本身是个对象,它含有两个属性,top和left,其属性值是数字,无单位,是针对文档内容的,即浏览器 而position函数,也有上述两个属性,但它是针对父元素的偏移量 转载 ...
- php new对象 调用函数,关于JS中new调用函数的原理介绍
这篇文章主要介绍了关于JS中new调用函数的原理介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 JavaScript 中经常使用构造函数创建对象(通过 new 操作符调用一个函数) ...
- js中同名的函数的调用情况
转自:https://www.cnblogs.com/wshiqtb/p/3480597.html html中如果出现函数同名时: 如果有多个外部引入的js文件,例如a.js和b.js(引入顺序假定是 ...
- JS中自动执行函数小结
JS中自动执行函数小结 请看以下两个函数: 1.function a(){ 2. alert("a") 3.} 1.var b= function(){ 2. aler ...
- underscore.js中的节流函数debounce及trottle
函数节流 throttle and debounce的相关总结及想法 一开始函数节流的使用场景是:放止一个按钮多次点击多次触发一个功能函数,所以做了一个clearTimeout setTimeou ...
- Vue.js 中的渲染函数是什么?如何使用渲染函数?
Vue.js 中的渲染函数是什么?如何使用渲染函数? Vue.js 是一款流行的前端框架,它提供了许多方便的工具和 API,用于构建交互式的用户界面.其中,渲染函数是 Vue.js 中一个强大的工具, ...
- js中写一个函数,第一秒打印1,第二秒打印2
js中写一个函数,第一秒打印1,第二秒打印2 1.用let块级作用域 for(let i = 0;i<5;i++){setTimeout(()=>{console.log(i);},100 ...
- 关于js中的eval函数
关于JS中的eval()函数 eval()函数的定义和用法 JavaScript中的 eval() 函数可以计算eval中的参数(JavaScript 字符串),并把它作为脚本代码来执行. ...
- js中的concat函数-字符串拼接+数组拼接
js中的concat函数-字符串拼接+数组拼接 一.concat() 方法用于字符串拼接字符串 let str1 = "abc"let str2 = "123" ...
最新文章
- CentOS 6.x 播放 mp3 音乐 —— 成功
- 网上商城—管理员增加商品
- python2和python3哪个_python2与python3的区别(持续更新)
- 数据结构与算法分析(一)——C++文件读写+py文件读写
- MyBatis 配置sql语句输出
- C++ 指针与引用的差别
- 移动端 Modal 组件开发杂谈
- Springboot实现销售团队管理系统
- Matlab系列之GUI设计实例1
- 类似于萝卜书摘的书摘app推荐
- Lanbda表达式 java8新特性
- 黑马程序员--typedef关键字和结构体 枚举类型
- vue3 打印插件 vue-print-nb
- EDA之立创EDA专业版使用(原理图绘制)
- git常用操作以及码云Gitee连接git
- 物联网发展现状与典型应用
- 中国石油大学(北京《汇编语言程序设计》网考题
- GRE over IPSec技术原理
- 2022胺基化工艺考试试题及答案
- VSCode生成 自定义代码块
热门文章
- Leetcode:search_insert_position
- WinForm窗体之间传值
- 【Vegas2008】9月19日-青椒炒南瓜
- Ubuntu 12.04下安装Oracle Express 11gR2
- windows Server 2003 尝试安装.NET Framework 4 失败
- java 设置两个方法互斥_分享两个操作Java枚举的实用方法
- mysql scrapy 重复数据_大数据python(scrapy)爬虫爬取招聘网站数据并存入mysql后分析...
- 少儿编程150讲轻松学Scratch(十二)-Scratch编程算法练习-选择排序
- 【javascript高级教程】JavaScript Array(数组) 对象
- 前端工程师应该掌握哪些技能才方便找工作?