最近在研究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()相关推荐

  1. js中的offset函数和position

    js中的offset函数,其本身是个对象,它含有两个属性,top和left,其属性值是数字,无单位,是针对文档内容的,即浏览器 而position函数,也有上述两个属性,但它是针对父元素的偏移量 转载 ...

  2. php new对象 调用函数,关于JS中new调用函数的原理介绍

    这篇文章主要介绍了关于JS中new调用函数的原理介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 JavaScript 中经常使用构造函数创建对象(通过 new 操作符调用一个函数) ...

  3. js中同名的函数的调用情况

    转自:https://www.cnblogs.com/wshiqtb/p/3480597.html html中如果出现函数同名时: 如果有多个外部引入的js文件,例如a.js和b.js(引入顺序假定是 ...

  4. JS中自动执行函数小结

    JS中自动执行函数小结 请看以下两个函数: 1.function a(){ 2.    alert("a") 3.} 1.var b= function(){ 2.    aler ...

  5. underscore.js中的节流函数debounce及trottle

    函数节流   throttle and debounce的相关总结及想法 一开始函数节流的使用场景是:放止一个按钮多次点击多次触发一个功能函数,所以做了一个clearTimeout setTimeou ...

  6. Vue.js 中的渲染函数是什么?如何使用渲染函数?

    Vue.js 中的渲染函数是什么?如何使用渲染函数? Vue.js 是一款流行的前端框架,它提供了许多方便的工具和 API,用于构建交互式的用户界面.其中,渲染函数是 Vue.js 中一个强大的工具, ...

  7. js中写一个函数,第一秒打印1,第二秒打印2

    js中写一个函数,第一秒打印1,第二秒打印2 1.用let块级作用域 for(let i = 0;i<5;i++){setTimeout(()=>{console.log(i);},100 ...

  8. 关于js中的eval函数

    关于JS中的eval()函数 eval()函数的定义和用法 JavaScript中的 eval() 函数可以计算eval中的参数(JavaScript 字符串),并把它作为脚本代码来执行.       ...

  9. js中的concat函数-字符串拼接+数组拼接

    js中的concat函数-字符串拼接+数组拼接 一.concat() 方法用于字符串拼接字符串 let str1 = "abc"let str2 = "123" ...

最新文章

  1. CentOS 6.x 播放 mp3 音乐 —— 成功
  2. 网上商城—管理员增加商品
  3. python2和python3哪个_python2与python3的区别(持续更新)
  4. 数据结构与算法分析(一)——C++文件读写+py文件读写
  5. MyBatis 配置sql语句输出
  6. C++ 指针与引用的差别
  7. 移动端 Modal 组件开发杂谈
  8. Springboot实现销售团队管理系统
  9. Matlab系列之GUI设计实例1
  10. 类似于萝卜书摘的书摘app推荐
  11. Lanbda表达式 java8新特性
  12. 黑马程序员--typedef关键字和结构体 枚举类型
  13. vue3 打印插件 vue-print-nb
  14. EDA之立创EDA专业版使用(原理图绘制)
  15. git常用操作以及码云Gitee连接git
  16. 物联网发展现状与典型应用
  17. 中国石油大学(北京《汇编语言程序设计》网考题
  18. GRE over IPSec技术原理
  19. 2022胺基化工艺考试试题及答案
  20. VSCode生成 自定义代码块

热门文章

  1. Leetcode:search_insert_position
  2. WinForm窗体之间传值
  3. 【Vegas2008】9月19日-青椒炒南瓜
  4. Ubuntu 12.04下安装Oracle Express 11gR2
  5. windows Server 2003 尝试安装.NET Framework 4 失败
  6. java 设置两个方法互斥_分享两个操作Java枚举的实用方法
  7. mysql scrapy 重复数据_大数据python(scrapy)爬虫爬取招聘网站数据并存入mysql后分析...
  8. 少儿编程150讲轻松学Scratch(十二)-Scratch编程算法练习-选择排序
  9. 【javascript高级教程】JavaScript Array(数组) 对象
  10. 前端工程师应该掌握哪些技能才方便找工作?