js排序算法大全动态图片演示,不信你不懂

来源:程序思维浏览:1571次
1. 冒泡排序

程序员启蒙排序算法 基础中的基础

思想:

先建立一个外部循环为总比较次数 再写一个内循环为两两比较的次数
第一个内循环结束应将数组中最大的数排在了数组的最右边
经过arr.length-1次循环 数组中的元素按照从小到大的顺序排列

冒泡排序

var arr = [3, 4, 15,80,7, 2, 6, 5, 8, 9, 10, 16, 13]; // length = 13
      
        function bubbleSort(arr){
            //因为冒泡排序算法是两两比较 所以外层比较次数应为数组长度-1
            for(var i = 0; i<arr.length - 1; i++){
            //  内循环的比较不必全部执行完  因为每一轮的内循环都会将最大的数排在最右
            //  所以后面的次数不用比较 所以内循环的次数是递减的 需要减去一个i
                 for(var j = 0; j < arr.length -1 - i; j++){
                     if(arr[j] > arr[j+1]){
                         var t = arr[j];
                         arr[j] = arr[j+1];
                         arr[j+1] = t;
                     }
                    }
                     console.log(arr)
                }
                return arr;
        }
        console.log(bubbleSort(arr));

2. 插入排序

思想:

1.从第一个元素开始,该元素可以认为已经被排序;
2.取出下一个元素,在已经排序的元素序列中从后向前扫描;
3.如果该元素(已排序)大于新元素,将该元素移到下一位置;
4.重复步骤3,直到找到已排序的元素小于或者等于新元素的位置;
5.将新元素插入到该位置后;
6.重复步骤2~5。

插入排序

var arr = [3, 4, 15, 80, 2, 7, 6, 5, 8, 9, 10, 16, 13]; // length = 13

        function insertSort(arr) {
            var current, preIndex;
            var len = arr.length;
            for (var i = 1; i < len; i++) {
            //当前元素的前一个元素下标
                preIndex = i - 1;
            // 将需要排序的元素用current保存起来以免因下面下标变化而取错值
                current = arr[i];
            // 开始内部循环将第一个值开始排序 终止条件为当前元素下标大于数组的第0位并且当前元素大于前一个元素    否则的话将前一个元素赋值给当前元素(arr[preIndex+1])
            //然后将前一个元素下标-1 继续向前比较
                while (preIndex >= 0 && current < arr[preIndex]) {
                    arr[preIndex + 1] = arr[preIndex];
                    preIndex--;
                }
            // 当current大于前一个元素时 把保存起来的current赋值给arr[preIndex]
                arr[preIndex + 1] = current;

            }
            return arr;
        }
        console.log(insertSort(arr));

3.快速排序

思想:

创建两个数组left right
取一个基准值可以数组中任一元素 下面取了数组的中间元素并且从数组中剥离出来
将数组中的元素与基准值比较 小于基准值的放进左边 left数组 大于基准值的放进右边right数组
重复 步骤2 3

快速排序

var arr = [3, 4, 2, 6, 5, 8, 9, 10, 16, 13]; // length = 10
        function quickSort(arr) {
            if (arr.length <= 1) { return arr; }
            //     基准值
            var pivot = arr[Math.floor(arr.length / 2)];
            arr.splice(arr.indexOf(pivot), 1);
            var left = [];
            var right = [];
            for (var i = 0; i < arr.length; i++) {

                if (arr[i] < pivot) {
                    left.push(arr[i]);
                } else {
                    right.push(arr[i]);
                }

            }
            return quickSort(left).concat([pivot], quickSort(right));

        }

        console.log(quickSort(arr));

4.选择排序

思想:

1.遍历数组,设置最小值的索引为 0。
2.如果取出的值比当前最小值小,就替换最小值索引,遍历完成后,将第一个元素和最小值索引上的值交换。
3.如上操作后,第一个元素就是数组中的最小值,下次遍历就可以从索引 1 开始重复上述操作。



function selectionSort(arr) {
  var len = arr.length;
  var minIndex, temp;
  console.time('选择排序耗时');
  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;
  }
  console.timeEnd('选择排序耗时');
  return arr;
}
var arr=[3,44,38,5,47,15,36,26,27,2,46,4,19,50,48];
console.log(selectionSort(arr));
//[2, 3, 4, 5, 15, 19, 26, 27, 36, 38, 44, 46, 47, 48, 50];
精品好课
Vue2+Vue3+ES6+TS+Uni-app开发微信小程序从入门到实战视频教程
2021年最新Vue2+Vue3+ES6+TypeScript和uni-app开发微信小程序从入门到实战视频教程,本课程教你如何快速学会VUE和uni-app并应用到实战,教你如何解决内存泄漏,常用UI库的使用,自己...
最新完整React视频教程从入门到精通纯干货纯实战
React是目前最火的前端框架,就业薪资很高,本课程教您如何快速学会React并应用到实战,教你如何解决内存泄漏,常用UI库的使用,自己封装组件,正式上线白屏问题,性能优化等。对正在工作当中或打算学习React高薪就...
最新完整React+VUE视频教程从入门到精,企业级实战项目
React和VUE是目前最火的前端框架,就业薪资很高,本课程教您如何快速学会React和VUE并应用到实战,教你如何解决内存泄漏,常用库的使用,自己封装组件,正式上线白屏问题,性能优化等。对正在工作当中或打算学习Re...
VUE2+VUE3视频教程从入门到精通(全网最全的Vue课程)
VUE是目前最火的前端框架之一,就业薪资很高,本课程教您如何快速学会VUE+ES6并应用到实战,教你如何解决内存泄漏,常用UI库的使用,自己封装组件,正式上线白屏问题,性能优化等。对正在工作当中或打算学习VUE高薪就...
jQuery视频教程从入门到精通
jquery视频教程从入门到精通,课程主要包含:jquery选择器、jquery事件、jquery文档操作、动画、Ajax、jquery插件的制作、jquery下拉无限加载插件的制作等等......
React实战视频教程仿京东移动端电商
React是前端最火的框架之一,就业薪资很高,本课程教您如何快速学会React并应用到实战,对正在工作当中或打算学习React高薪就业的你来说,那么这门课程便是你手中的葵花宝典。
HTML5基础入门视频教程易学必会
HTML5基础入门视频教程,教学思路清晰,简单易学必会。适合人群:创业者,只要会打字,对互联网编程感兴趣都可以学。课程概述:该课程主要讲解HTML(学习HTML5的必备基础语言)、CSS3、Javascript(学习...
HTML5视频播放器video开发教程
适用人群1、有html基础2、有css基础3、有javascript基础课程概述手把手教你如何开发属于自己的HTML5视频播放器,利用mp4转成m3u8格式的视频,并在移动端和PC端进行播放支持m3u8直播格式,兼容...
收藏
扫一扫关注我们