前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端算法-基本排序算法比较

前端算法-基本排序算法比较

作者头像
用户1741436
发布2018-05-16 10:19:55
8640
发布2018-05-16 10:19:55
举报
文章被收录于专栏:前端杂谈前端杂谈

基本排序算法

  这里主要介绍的基本排序算法主要包括: 冒泡排序,选择排序,插入排序,之后的文章会介绍希尔排序,快速排序等高级排序算法, 文章后面会对这几个算法进行性能比较. 基本排序算法的核心思想是对一组数据按照一定的顺序重新排列. 重新排列主要就是嵌套的for循环. 外循环会遍历数组每一项,内循环进行元素的比较. 注: 文中都以实现升序排序为例:

1.冒泡排序

  冒泡排序是最慢的排序算法之一, 也是最容易实现的排序算法.使用这种算法进行排序时,数据值会像气泡一样从数组的一端漂浮到另一端,所以称之为冒泡排序.假设要对数组按照升序排列,较大的值会浮动到数组的右侧,较小值会浮到左侧.

原理:

  从开始第一对相邻元素开始,对每一对相邻元素进行比较,如果第一个比第二个大,就交换它们两个, 这样直到最后一对元素比较结束,最后的元素就是最大的数,重复这个过程,就可以完成排序.

示意图:
代码:
代码语言:javascript
复制
      function bubbleSort(arr) {
        for (let i = 0; i < arr.length; i++) {
          for (let j = 0; j < arr.length - i - 1; j++) {
            if (arr[j] > arr[j + 1]) {
              let temp = arr[j];
              arr[j] = arr[j + 1];
              arr[j + 1] = temp;
            }
          }
        }
        return arr;
      }

2.选择排序

原理:

  首先找出当前元素中最小的元素,并放到排序序列的起始位置,然后再从剩余的元素中寻找最小的元素,然后放到已排序序列的末尾。以此类推,直到排序完成。

示意图:
代码:
代码语言:javascript
复制
      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.插入排序

原理:

  从第二个元素开始(假定第一个元素已经排序了),取出这个元素,在已经排序的元素中从后向前进行比较,如果该元素大于这个元素,就将该元素移动到下一个位置,然后继续向前进行比较,直到找到小于或者等于该元素的位置,将该元素插入到这个位置后.重复这个步骤直到排序完成.

示意图:
代码: 
代码语言:javascript
复制
      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;
      }

4.基本排序算法的性能比较

  使用console.time进行时间计算,在需要测试的开始位置写上console.time,并且括号内传一个字符串。在结束的位置使用console.timeEnd方法,并再次把字符串传入,即可在控制台查看执行时间. 首先创建一个n位随机数组用来测试.

代码语言:javascript
复制
      function createRandomArr(n) {
        let arr = [];
        for (let i = 0; i < n; i++) {
          arr.push(Math.floor((Math.random() * 100)));
        }
        return arr;
      }

分别记录3种算法所用时间:

代码语言:javascript
复制
  var testArr = createRandomArr(1000);
  //  记录冒泡排序所用时间
  console.time('bubbleSort');
  bubbleSort(testArr);
  console.timeEnd('bubbleSort');
  var testArr = createRandomArr(1000);
  //  记录选择排序所用时间
  console.time('selectionSort');
  selectionSort(testArr);
  console.timeEnd('selectionSort');
  var testArr = createRandomArr(1000);
  //  记录插入排序所用时间
  console.time('insertionSort');
  insertionSort(testArr);
  console.timeEnd('insertionSort');

在Chrome执行代码,在控制台看看他们的执行时间对比, Duang Duang Duang!

当然, 要进行多次运行, 得到的结果才能被视为有效的结论. 很显然, 插入排序比其他两种排序方法快.

注: 文中图片转自: https://www.cnblogs.com/onepixel/articles/7674659.html

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-04-17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 基本排序算法
    • 1.冒泡排序
      • 2.选择排序
        • 3.插入排序
          • 4.基本排序算法的性能比较
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档