前言:因为要对后端返回来的数据进行处理,之前之后冒泡,不够用,去看了插入跟快速,写下这篇笔记。

使用背景:

1.冒泡排序

  数据比较少,小于1000

2.插入排序

  数据比较少,大于1000不推荐

3.快速排序

  相对于前两者,适合处理量大的数据

一: 冒泡排序

  主要思想:将每个数跟数组中的其他数两两比较大小,交换位置。

var arr = [1,5,10,15,100,25,50]

// 需要注意,想要完成冒泡排序,需要两轮for循环
for (var i = 0; i < arr.length; i++) {
  // 拿到每个数arr[i],再去遍历 i 后面的数去做比较
  for (var j = i + 1; j < arr.length; j++) {
    // 比较大小
    // 升序
    if (arr[i] > arr[j]) {
      var tmp = arr[i]
      arr[i] = arr[j]
      arr[j] = tmp
    }
  }
} console.log(arr) // [1, 5, 10, 15, 25, 50, 100]

其他应用: 数组存储的是对象,利用arr[i].value 去比较

关键点: 控制循环次数,i是数组的长度,j是从i的位置+1开始,因为前面的数值已经排好了

可以优化的点: 假设数组本身就是排序好的,这时候再去比较大小就很不合理,设置标识

二、插入排序

主要思想:

  1.把数组分成一个有序数列和一个无序数列

  2.默认把数组第一项当成一个有序数列

  3.拿第一项去跟其他无序项比较大小

  4.调换位置

var arr = [10,5,25,30,100,25,231,52,1,6,0]
function sort(arr) {
  for (let i = 1; i < arr.length; i++) {
    if (arr[i] < arr[i-1]) {
      let tmp = arr[i]
      let j = i - 1
      arr[i] = arr[j]

      

      // 这里比较关键 tmp一直存着小的值

      while (j >= 0 && tmp < arr[j]) {
        arr[j+1] = arr[j]
        j--
      }
      // 直到 j = -1跳出while循环,所有j+1 = 0 等于最小的值
      arr[j + 1] = tmp
    }
  }
  return arr
}
console.log('before', arr)
console.log('after', sort(arr))

别光想,有点绕很正常的,有手写一下过程

三、快速排序(重点,面试比较多?)

主要思想:

  1.随机用数组的其中一个值当基准值(中间值、中介、中线),我喜欢用数组第一项

  2.left等于0,right等于数组的长度-1,从左往右

举个例子:

var arr = [5,3,6,2,7,9,10]
// 假设中间值是数组第一项 5
// 那我们想要的数组应该是这样的
arr = [2,3,5,6,7,9,10]
// 以 5 为中介,左边比5小或者等于,右边比5大或者等于

用代码实现

var arr = [5,3,2,4,6,9,7,10]

function quickSort(arr, i, j) {
  var left = i
  var right = j
  
  if (left < right) {
    //如果数组有两项以上
    var base = arr[left]
    // 设置中间值,开始比较
    
    while (left !== right) {
      // 这里是找比中间值小的值并设置
      while (right > left && arr[right] >= base) {
        // 假设此时right = 4
        // right-- = 3 arr[left] = arr[3] = 4,这个时候再出去while判断,条件已经不成立了,我们也拿到了比base小的值了
        right--
        arr[left] = arr[right]
      }
      // 这里是找比中间值大的值并设置
      while (left < right && arr[left] <= base) {
        left++
        arr[right] = arr[left]
      }
    }
    // 设置中间值的位置
    arr[right] = base
    // 递归调用,直到数列别分解成一个数值组成的数列
    arguments.callee(arr, i, left-1)
    arguments.callee(arr, right+1, j)
    return arr
  }
} console.log(quickSort(arr, 0, arr.length-1)

JS数组——冒泡、插入、快速排序的更多相关文章

  1. js数组冒泡

    var arr 1= [1, 2, 3, 4, 5]; 最简单的 每组数字之间用逗号隔开 第一个数的索引值为0.数字为1 以此类推 中括号的内容是存var arr2 = Array(1, 2, 3); ...

  2. js数组冒泡排序,快速排序的原理以及实现

    冒泡排序: 随便从数组中拿一位数和后一位比较,如果是想从小到大排序,那么就把小的那一位放到前面,大的放在后面,简单来说就是交换它们的位置,如此反复的交换位置就可以得到排序的效果. var arr = ...

  3. js数组冒泡排序、快速排序、插入排序

    1.冒泡排序 //第一种 function bubblesort(ary){ for(var i=0;i<ary.length-1;i++){ for(var j=0;j<ary.leng ...

  4. 如何在JS数组特定索引处指定位置插入元素?

    如何在JS数组特定索引处指定位置插入元素? 需求: 将一个元素插入到现有数组的特定索引处.听起来很容易和常见,但需要一点时间来研究它. // 原来的数组var array = ["one&q ...

  5. js 给json添加新的字段,或者添加一组数据,在JS数组指定位置删除、插入、替换元素

    JS定义了一个json数据var test={name:"name",age:"12"};需要给test再添加一个字段,需要什么办法,可以让test的值为{na ...

  6. 数组的操作。1,JS数组去重。2,把数组中存在的某个值,全部找出来。3在JS数组指定位置插入元素。。。

    1,数组去重 let arr = [1,2,3,4,5,6,1,2,3,'a','b','a']; let temp = []; // 作为存储新数组使用 for(let i = 0; i < ...

  7. js向一个数组中插入元素的几个方法-性能比较

    向一个数组中插入元素是平时很常见的一件事情.你可以使用push在数组尾部插入元素,可以用unshift在数组头部插入元素,也可以用splice在数组中间插入元素. 但是这些已知的方法,并不意味着没有更 ...

  8. js数组快速排序/去重

    数组的排序  快速排序 思路: (1)在数据集之中,选择一个元素作为”基准”(pivot). (2)所有小于”基准”的元素,都移到”基准”的左边:所有大于”基准”的元素,都移到”基准”的右边. (3) ...

  9. js数组操作大全

    原文(http://www.cnblogs.com/webhotel/archive/2010/12/21/1912732.html) 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简 ...

随机推荐

  1. hdu1162

    #include<cstdio> #include<cmath> #include<climits> #include<algorithm> #defi ...

  2. kernel devel 安装与卸载

    1.查看系统内核 uname -r 2.查看已安装kernel-devel uname -a ; rpm -qa kernel\* | sort 3.下载对应的rpm wget xxx/kernel- ...

  3. poj 1459 多源汇网络流 ISAP

    题意: 给n个点,m条边,有np个源点,nc个汇点,求最大流 思路: 超级源点把全部源点连起来.边权是该源点的最大同意值: 全部汇点和超级汇点连接起来,边权是该汇点的最大同意值. 跑最大流 code: ...

  4. Codeforces Round #228 (Div. 2) C. Fox and Box Accumulation

    C. Fox and Box Accumulation time limit per test 1 second memory limit per test 256 megabytes input s ...

  5. Java的Graphics中drawImage与drawLine的坐标区别

    drawImage复制的区域是 dx1 <= x < dx2,dy1 <= y < dy2 drawLine绘制区域是 dx1 <= x <= dx2,dy1 &l ...

  6. finger的使用

    finger命令用来查询一台主机上的登录账号的信息,通常会显示用户名.主目录.停滞时间.登录时间.登录Shell等信息,使用权限为所有用户. 安装 sudo apt-get install finge ...

  7. java连接Oracle案例

    首先来讲一下桥连接: 首先配置数据源:打开控制面板——管理工具——数据源(ODBC)——用户DSN——添加——找到Oracle驱动程序. //JDBC-ODBC桥连接public class Conn ...

  8. 6 Workbook 对象

    6.1 在奔跑之前先学会走路:打开和关闭工作薄 代码清单6.1:一个完整的工作薄批处理框架 '代码清单6.1:一个完整的工作薄批处理框架 Sub ProcessFileBatch() Dim nInd ...

  9. python-----复制文件夹

    python复制文件夹有两种方法: 1.使用shutil模块:(要保存的路径必须事先不存在) #!/usr/bin/env python # -*- coding: utf-8 -*- # @Time ...

  10. Linux day01(二)虚拟机快照和克隆的用法介绍

    一:快照 优点:运行虚拟机后不用担心系统会被弄崩溃了,点击快照会立即恢复到初始状态 缺点:回滚会带来数据的丢失,所以要考虑数据恢复的成本和找回数据时进行操作的成本 1. 在导航栏中找虚拟机快照的小图标 ...