前端攻城狮——学习常用的排序算法

一、冒泡排序

  • 优点:
  1. 所有排序中最简单的,易于理解;
  • 缺点:
  1. 时间复杂度O(n^2),平均来说是最差的一种排序方式;
  2. 因为在默认情况下,对于已经排好序的部分,此排序任然会进行比较(当然可以进行改进优化)
  • 算法步骤:
  1. 比较相邻的元素,如果第一个比第二个大,就交换他们两个。
  2. 对每一对相邻元素作同样的工作,从开始第一对一直到结尾的最后一对,如此将最大的数放在后面。
  3. 对所有的元素重复以上的步骤,除了最后一个。
  4. 持续每次对元素重复上面的步骤,直到排序完成。
  • 原理分析:
  1. 通过比较两个相邻的项,(由小到大排序)如果第一个比的二个大,则交换它们的位置元素项向上移动至正确的顺序,就好像气泡升至表面,冒泡也因此得名。

    const bubbleSort = (arr) => {
    const length= arr.length;
    for (let i = 0; i<length; i++){ //控制循环次数
    for(let j = i; j<length-1; j++){ //进行迭代循环比较
    if(arr[j] > arr[j+1]){
    let swap = arr[j];
    arr[j] = arr[j+1];
    arr[j+1] = swap;
    }
    }
    }
    }
  • 改进优化:
  • 默认上述代码,对于第一轮之后的循环任然会进行和全部元素的比较,但其实之前的循环已经将器排序正确了,所以可以从内循环中减去外循环已经进行过的轮数,从而避免不必要的比较
const bubbleSort = (arr) => {
const length= arr.length;
for (let i = 0; i<length; i++){ //控制循环次数
for(let j = i; j<length-1-i; j++){ //进行迭代循环比较足以-i
if(arr[j] > arr[j+1]){
let swap = arr[j];
arr[j] = arr[j+1];
arr[j+1] = swap;
}
}
}
}

二、选择排序

  • 原理:
  1. 进行原地址比较,找到数据结构中最小值并放在第一位,接着在剩下的中找到第二个最小值放在第二位,依次类推;
  • 代码实现:

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

三、插入排序

  • 原理:
  1. 通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入。
  • 排序步骤:
  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;
    }
  • 原理图

四、归并排序

  • 原理:
  1. 归并是一种分治算法,即将原始数组切分成较小的数组,直到每个小数组只有一个位置,接着将小数组归并成较大的数组,每次归并时进行排序,直到最后只有一个排序完毕的大数组。
  • 代码实现(递归):
function mergeSort(arr) {  // 采用自上而下的递归方法,数组拆分
var len = arr.length;
if(len < 2) {
return arr;
}
var middle = Math.floor(len / 2),
left = arr.slice(0, middle),
right = arr.slice(middle);
return merge(mergeSort(left), mergeSort(right));
}
//合并数组,并进行排序
function merge(left, right)
{
var result = []; while (left.length && right.length) {
if (left[0] <= right[0]) {
result.push(left.shift());
} else {
result.push(right.shift());
}
} while (left.length)
result.push(left.shift()); while (right.length)
result.push(right.shift()); return result;
}
  • 原理图

五、快速排序

  • 原理:
  1. 快速排序使用分治法(Divide and conquer)策略来把一个串行(list)分为两个子串行(sub-lists)。
  • 排序步骤:
  1. 首先,从数组中选择中间一项作基数;
  2. 然后,创建两个指针,左边一个指向数组的第一项,右边一个指向数组的最后一项;
  3. 移动左指针直到找到一个比基数大的元素,移动右指针,直到找到一个比基数小的元素;然后交换它们;
  4. 重复以上步骤,直到左指针超过了右指针;(这个过程将使得比基数小的树都在基数的前面,较大的数都在基数的后面)
  5. 最后,对划分后的小数组(比基数小的值组成的子数组,以及比基数大的值组成是子数组)重复之前的两个步骤,直到数组已经完全排序。
  • 代码实现
function quickSort(arr, left, right) {
var len = arr.length,
partitionIndex,
left = typeof left != 'number' ? 0 : left,
right = typeof right != 'number' ? len - 1 : right; if (left < right) {
partitionIndex = partition(arr, left, right);
quickSort(arr, left, partitionIndex-1);
quickSort(arr, partitionIndex+1, right);
}
return arr;
} function partition(arr, left ,right) { // 分区操作
var pivot = left, // 设定基准值(pivot)
index = pivot + 1;
for (var i = index; i <= right; i++) {
if (arr[i] < arr[pivot]) {
swap(arr, i, index);
index++;
}
}
swap(arr, pivot, index - 1);
return index-1;
} function swap(arr, i, j) {
var temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;
}
function partition2(arr, low, high) {
let pivot = arr[low];
while (low < high) {
while (low < high && arr[high] > pivot) {
--high;
}
arr[low] = arr[high];
while (low < high && arr[low] <= pivot) {
++low;
}
arr[high] = arr[low];
}
arr[low] = pivot;
return low;
} function quickSort2(arr, low, high) {
if (low < high) {
let pivot = partition2(arr, low, high);
quickSort2(arr, low, pivot - 1);
quickSort2(arr, pivot + 1, high);
}
return arr;
}
  • 原理图

持续更新中~喜欢留下个赞哦!

学习经典算法—JavaScript篇(一)排序算法的更多相关文章

  1. javascript 中合并排序算法 详解

    javascript 中合并排序算法 详解 我会通过程序的执行过程来给大家合并排序是如何排序的...  合并排序代码如下: <script type="text/javascript& ...

  2. 11.经典O(n²)比较型排序算法

    关注公号「码哥字节」修炼技术内功心法,完整代码可跳转 GitHub:https://github.com/UniqueDong/algorithms.git 摘要:排序算法提多了,很多甚至连名字你都没 ...

  3. 链表插入和删除,判断链表是否为空,求链表长度算法的,链表排序算法演示——C语言描述

    关于数据结构等的学习,以及学习算法的感想感悟,听了郝斌老师的数据结构课程,其中他也提到了学习数据结构的或者算法的一些个人见解,我觉的很好,对我的帮助也是很大,算法本就是令人头疼的问题,因为自己并没有学 ...

  4. 冒泡排序算法和简单选择排序算法的js实现

    之前已经介绍过冒泡排序算法和简单选择排序算法和原理,现在有Js实现. 冒泡排序算法 let dat=[5, 8, 10, 3, 2, 18, 17, 9]; function bubbleSort(d ...

  5. 数据结构和算法(Golang实现)(25)排序算法-快速排序

    快速排序 快速排序是一种分治策略的排序算法,是由英国计算机科学家Tony Hoare发明的, 该算法被发布在1961年的Communications of the ACM 国际计算机学会月刊. 注:A ...

  6. 数据结构和算法(Golang实现)(18)排序算法-前言

    排序算法 人类的发展中,我们学会了计数,比如知道小明今天打猎的兔子的数量是多少.另外一方面,我们也需要判断,今天哪个人打猎打得多,我们需要比较. 所以,排序这个很自然的需求就出来了.比如小明打了5只兔 ...

  7. 数据结构和算法(Golang实现)(19)排序算法-冒泡排序

    冒泡排序 冒泡排序是大多数人学的第一种排序算法,在面试中,也是问的最多的一种,有时候还要求手写排序代码,因为比较简单. 冒泡排序属于交换类的排序算法. 一.算法介绍 现在有一堆乱序的数,比如:5 9 ...

  8. 数据结构和算法(Golang实现)(20)排序算法-选择排序

    选择排序 选择排序,一般我们指的是简单选择排序,也可以叫直接选择排序,它不像冒泡排序一样相邻地交换元素,而是通过选择最小的元素,每轮迭代只需交换一次.虽然交换次数比冒泡少很多,但效率和冒泡排序一样的糟 ...

  9. 数据结构和算法(Golang实现)(21)排序算法-插入排序

    插入排序 插入排序,一般我们指的是简单插入排序,也可以叫直接插入排序.就是说,每次把一个数插到已经排好序的数列里面形成新的排好序的数列,以此反复. 插入排序属于插入类排序算法. 除了我以外,有些人打扑 ...

  10. 数据结构和算法(Golang实现)(22)排序算法-希尔排序

    希尔排序 1959 年一个叫Donald L. Shell (March 1, 1924 – November 2, 2015)的美国人在Communications of the ACM 国际计算机 ...

随机推荐

  1. PAT甲级——1025 PAT Ranking

    1025 PAT Ranking Programming Ability Test (PAT) is organized by the College of Computer Science and ...

  2. Redis为什么这么快以及持久化机制

    1.首先我们谈一下为什么Redis快: 一. Redis是纯内存数据库,一般都是简单的存取操作,线程占用的时间很多,时间的花费主要集中在IO上,所以读取速度快. 二. 再说一下IO,Redis使用的是 ...

  3. [LC] 127. Word Ladder

    Given two words (beginWord and endWord), and a dictionary's word list, find the length of shortest t ...

  4. vue element 关闭当前tab 跳转到上一路由

    方法一 this.$store.dispatch('delVisitedViews', this.$route); this.$router.go(-1); 方法二 this.$store.state ...

  5. Vue+elementUI build打包部署后字体图标丢失问题

    错误描述:Vue+elementUI  build打包部署后字体图标丢失,控制台显示文件element-icons.woff和element-icons.ttf文件404 错误展现: 控制台报错截图 ...

  6. django框架基础-ORM单表操作-长期维护

    ###############    单表操作-添加数据    ################ import os if __name__ == '__main__': os.environ.set ...

  7. made his acquaintance|adequate|advisable|announce|contrived to|made up|toss|considering that

    PHRASE 与(某人)初次相识;结识(某人)When you make someone's acquaintance, you meet them for the first time and ge ...

  8. sqlserver多表联查分页

    select * from(select H_order.Id ,H_order.userID, ROW_NUMBER() over (order by H_order.Id Desc) as row ...

  9. openpyxl传入表名时不要使用默认的sheet表名

    openpyxl传入表名时不要使用默认的sheet表名,会报错 处理:改一下表名即可

  10. python3下应用requests

    模拟浏览器请求有两种,一种是不需要用户登录或者验证的请求,一种是需要用户登录或者验证的请求 那么我们先来说说不需要用户登录的方法 这种方式直接可以获取源码,用get的请求方式 登录的方式 获取这种页面 ...