前端:JS几种常见的排序

❤️作者主页:IT技术分享社区

❤️作者简介:大家好,我是IT技术分享社区的博主,从事C#、Java开发九年,对数据库、C#、Java、前端、运维、电脑技巧等经验丰富。

❤️个人荣誉: 数据库领域优质创作者🏆,华为云享专家🏆,阿里云专家博主🏆 

❤️个人博客:IT技术分享社区

❤️公众号/小程序:IT技术分享社区 (运营五年)

❤️好文章点赞 👍 收藏 ⭐再看,养成习惯

 

目录

1、冒泡排序

2、选择排序

3、快速排序


1、冒泡排序

依次比较相邻的两个元素,如果后一个小于前一个,则交换,这样从头到尾一次,就将最大的放到了末尾。

动画演示:

         

          

        

代码:

function bubbleSort(arr) {var len = arr.length;for (var i = 0; i < len - 1; i++) {for (var j = 0; j < len - 1 - i; j++) {if (arr[j] > arr[j+1]) {        // 相邻元素两两对比var temp = arr[j+1];        // 元素交换arr[j+1] = arr[j];arr[j] = temp;}}}return arr;
}

2、选择排序

选择排序的原理:每次都找一个最大或者最小的排在开始即可。

  1. 首先在未排序序列中找到最小(大)元素,存放到排序序列的起始位置

  2. 再从剩余未排序元素中继续寻找最小(大)元素,然后放到已排序序列的末尾。

  3. 重复第二步,直到所有元素均排序完毕。

动画演示:

代码:

function selectionSort(arr) {var len = arr.length;var minIndex, temp;for (var i = 0; i < len - 1; i++) {minIndex = i;for (var j = i + 1; j < len; j++) {if (arr[j] < arr[minIndex]) {     // 寻找最小的数minIndex = j;                 // 将最小数的索引保存}}temp = arr[i];arr[i] = arr[minIndex];arr[minIndex] = temp;}return arr;
}

3、快速排序

插入排序也比较简单。就像打扑克一样,依次将拿到的元素插入到正确的位置即可。

  1. 将第一排排序序列第一个元素看做一个有序序列,把第二个元素到最后一个元素当成是未排序序列。

  2. 从头到尾依次扫描未排序序列,将扫描到的每个元素插入有序序列的适当位置。(如果待插入的元素与有序序列中的某个元素相等,则将待插入元素插入到相等元素的后面。)

动画演示:

         

代码:

function insertionSort(arr) {var len = arr.length;var preIndex, current;for (var i = 1; i < len; i++) {preIndex = i - 1;current = arr[i];while(preIndex >= 0 && arr[preIndex] > current) {arr[preIndex+1] = arr[preIndex];preIndex--;}arr[preIndex+1] = current;}return arr;
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/271830.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

bzoj3747 [POI2015]Kinoman

线段树&#xff0c;记录next[i]下一部与当前电影一样的位置&#xff0c;然后枚举区间左端点i&#xff0c;询问线段树最大值后删除i到next[i-1]这段区间的观影值&#xff0c;且增加next[i]到next[next[i]]-1这段区间的观影值。 代码&#xff0c;跑的有点慢 1 #include<cstdio…

java_poi教程.pdf,如何使用POI转换.DOC / .DOCX为PDF在Java ..?

how to convert ms-document to PDF, is there any example pls sharewith me.. thanks.解决方案If you are requiered to use POI i guess you should take a look at org.apache.poi.hwpf.converterI never tried this, but i guess its worth a try atleast.It seems like y…

在线语音转文字工具V1.0

在线语音转文字工具V1.0介绍在线语音转文字工具V1.0&#xff0c;采用C#开发语音基于Framework4.5开发&#xff0c;主要采用百度语音识别SDK&#xff0c;实现了在线文本转语音的功能&#xff0c;可以转换后直接播放。有需要的朋友可以下载学习一下。如果遇到问题的可以留言或者私…

超媒体

“超媒体”是超级媒体的缩写。超媒体是一种采用非线性网状结构对块状多媒体信息&#xff08;包括文本、图像、视频等&#xff09;进行组织和管理的技术。 超媒体在本质上和超文本是一样的&#xff0c;只不过超文本技术在诞生的初期管理的对象是纯文本&#xff0c;所以叫做超文本…

java局部刷新session过期_Ajax局部页面刷新和History API结合的陷阱

ajax在现代网站已经得到非常普遍地应用&#xff0c;主要的好处大家都知道(异步加载数据&#xff0c;不用刷新整个浏览器&#xff0c;更小的数据传输尺寸)。对于那些老网站或者老项目来说全盘改造成ajax并不现实&#xff0c;于是就有了“局部页面刷新”这个解决方案。如果不知道…

Java通过Netty,实现Websocket消息推送只需要简单几步

前言 曾几何时&#xff0c;不知道大家有没有在项目里遇到过需要服务端给客户端推送消息的需求&#xff0c;是否曾经苦恼过、纠结过&#xff0c;我们知道要想实现这样的需求肯定离不开websocket长连接方式&#xff0c;那么到底是该选原生的websocket还是更加高级的netty框架呢&a…

53.Maximum Subarray

/** 53.Maximum Subarray * 2016-5-7 by Mingyang * 如果我们从头遍历这个数组。对于数组中的其中一个元素&#xff0c;它只有两个选择&#xff1a; 1.* 要么加入之前的数组加和之中&#xff08;跟别人一组&#xff09; * 2. 要么自己单立一个数组&#xff08;自己单开一组&…

java 创建者设计模式_Java设计模式之创建者模式分享热爱编程,程序人生

PS:今天的23中设计模式中的创建者方式&#xff0c;至此告一段落。我今天带来的技术分享为创建者模式以及原型模式。当然在Java中这两种方式很常见&#xff0c;只不过我们写的次数确实有点低而已&#xff0c;但是这不是我不学它的借口&#xff01;&#xff01;&#xff01;创建者…

一文读懂电感器的原理、结构、作用及分类

电感器是能够把电能转化为磁能而存储起来的元件。电感器的结构类似于变压器&#xff0c;但只有一个绕组。电感器具有一定的电感&#xff0c;它只阻碍电流的变化。 如果电感器在没有电流通过的状态下&#xff0c;电路接通时它将试图阻碍电流流过它&#xff1b;如果电感器在有电流…

final关键字与static对比

final关键字与static对比 static关键字修饰变量时&#xff0c;会使该变量在类加载时就会被初始化&#xff0c;不会因为对象的创建再次被加载&#xff0c;当变量被static 修饰时就代表该变量只会被初始化一次 例如图中所示&#xff0c;被static修饰的变量j&#xff0c;虽然创建…

juce中的BailOutChecker

界面库中值得注意的一点就是对象响应事件的时候自身被删除了&#xff0c;那么后续的访问自然就会出问题&#xff0c;所以需要在响应事件之后先添加引用&#xff0c;相关处理之后再查看自身是否已经被删除&#xff0c;如果已经被删除那么就直接退出。juce中通过BailOutChecker来…

java quartz 跳过_Java Quartz计划作业-禁止同时执行作业

我正在使用Quartz Job执行特定任务。我也在我的Main应用程序类中安排它的执行&#xff0c;而我试图完成的工作是不允许同时执行此作业的实例。因此&#xff0c;调度程序仅应在其先前实例完成后才执行作业。这是我的工作班级&#xff1a;public class MainJob implements Job {s…

mac USB串口工具配置

安装USB serial 驱动 我的usb serial芯片是 pl2303, 先到官网上下载对应驱动&#xff0c;并安装。安装完成之后会要求重启。 http://www.prolific.com.tw/admin/Technology/GetFile.ashx?fileID238 安装 minicom https://alioth.debian.org/projects/minicom/ 下载源码&…

macpro生成公钥并查看公钥

打开macpro的终端输入以下命令&#xff1a; $ cd ~/.ssh $ ls 此时发现没有那个id_rsa.pub文件&#xff0c;没有&#xff0c;就需要创建公钥 用ssh-keygen创建公钥 此时已经有了

java join 源码_join on 和where 一起使用的细节

left join :左连接&#xff0c;返回左表中所有的记录以及右表中连接字段相等的记录。right join :右连接&#xff0c;返回右表中所有的记录以及左表中连接字段相等的记录。inner join: 内连接&#xff0c;又叫等值连接&#xff0c;只返回两个表中连接字段相等的行。full join:外…

SSIS 学习之旅 FTP访问类

这章把脚本任务访问FTP的方法 全部给大家。 控件的使用大家如果有不懂得可以看下我之前的文章。第一章&#xff1a;SSIS 学习之旅 第一个SSIS 示例&#xff08;一&#xff09;&#xff08;上&#xff09; 第二章&#xff1a;SSIS 学习之旅 第一个SSIS 示例&#xff08;二&#…

Spring Cloud Feign 使用Apache的HTTP Client替换Feign原生httpclient

http 连接池能提升性能 http 的背景原理 a. 两台服务器建立 http 连接的过程是很复杂的一个过程&#xff0c;涉及到多个数据包的交换&#xff0c;并且也很耗时间。 b. Http 连接需要的 3 次握手 4 次分手开销很大&#xff0c;这一开销对于大量的比较小的 http 消息来说更大。…

Java容器坐标起点_Java的屏幕坐标是以像素为单位,容器的左下角被确定为坐标的起点...

【单选题】【单选题】【单选题】class A{ int x1; void func1(int x1){ this.x1 x1; } } 关于上述程序,说法错误的是( )【单选题】浏览器的作用是( )。【判断题】构建大学生心理危机预警及干预工作机制,更好地帮助有严重心理问题的学生度过心理难关,及早预防、及时疏导、有效干…