当前位置:首页 > 短网址资讯 > 正文内容

【FT12短网址】借助JavaScript实现几种常见的排序算法

www.ft12.com5年前 (2017-08-15)短网址资讯1302

引言

排序算法有千千万万种,实现的代码也有很多,比如php, html5, JS等等。但是我们常见的排序算法也就几种而已,比如按大小升序或者降序;比如按字母先后顺序排序;比如按字符长度排序等等。

排序算法是所有算法中最基础的基础。虽然关键在于算法的思想而不是语言,但还是决定借助算法可视化工具结合自己常用的语言实现一遍。

目录

  • 冒泡排序

  • 选择排序

  • 插入排序

  • 合并排序

  • 快速排序

为了方便说明,默认按从小到大排序

1.冒泡排序

基本思路:

1.依次比较相邻的两个数,如果第一个比第二个小,不变。如果第一个比第二个大,调换顺序。一轮下来,最后一个是最大的数

2.对除了最后一个之外的数重复第一步,直到只剩一个数

图形展示:




代码:

function bubbleSort(myArray){
 var len = myArray.length;
 var i;
 var j;
 var stop;

 for (i = 0; i < len - 1; i++){
   for (j = 0, stop = len - 1 - i; j < stop; j++){
     if (myArray[j] > myArray[j + 1]){
       swap(myArray, j, j + 1);
     }
   }
 }
 return myArray;
}

function swap(myArray, p1, p2){
 var temp = myArray[p1];
 myArray[p1] = myArray[p2];
 myArray[p2] = temp;
}

2.选择排序

基本思路:

1.找出最小的数,和第一个交换位置

2.在剩下的数中,找出最二小的数,放在第二个

3.依次类推,排出顺序

图形展示:




代码:

function selectionSort(myArray){

   var len = myArray.length,
       min;

   for (i=0; i < len; i++){

       // 将当前位置设为最小值
       min = i;

       // 检查数组其余部分是否更小
       for (j=i+1; j < len; j++){
           if (myArray[j] < myArray[min]){
               min = j;
           }
       }

       // 如果当前位置不是最小值,将其换为最小值
       if (i != min){
           swap(myArray, i, min);
       }
   }

   return myArray;
}
function swap(myArray, p1, p2){
   var temp = myArray[p1];
   myArray[p1] = myArray[p2];
   myArray[p2] = temp;
}

3.插入排序

基本思路:

1.把数组分为[已排序]和[未排序]两部分,第一个数为[已排序],其余为[未排序]

2.从[未排序]抽出第一个数,和[已排序]部分比较,插入到合适的位置

图形展示:




代码:

function insertionSort(myArray) {

   var len     = myArray.length,     // 数组的长度
       value,                      // 当前比较的值
       i,                          // 未排序部分的当前位置
       j;                          // 已排序部分的当前位置

   for (i=0; i < len; i++) {

       // 储存当前位置的值
       value = myArray[i];

       /*
        * 当已排序部分的当前元素大于value,
        * 就将当前元素向后移一位,再将前一位与value比较
        */

       for (j=i-1; j > -1 && myArray[j] > value; j--) {
           myArray[j+1] = myArray[j];
       }

       myArray[j+1] = value;
   }

   return myArray;
}

4.合并排序(分而治之)

基本思路:

1.不断将数组对半分,直到每个数组只有一个

2.将分出来的部分重新合并

3.合并的时候按顺序排列

图形展示:



代码:


// 被拆分的数组重新合并
function merge(left, right) {
   var result = [],
       left_index = 0,
       right_index = 0;

   // 将两个数组合并
   // 合并的时候按从小到大的顺序
   while (left_index < left.length && right_index < right.length) {
       if (left[left_index] < right[right_index]) {
           result.push(left[left_index++]);
       } else {
           result.push(right[right_index++]);
       }
   }

   // 和其他数组拼接
   return result.concat(left.slice(left_index)).concat(right.slice(right_index));
}

function mergeSort(myArray) {
   // 只有一个数的时候退出递归
   if (myArray.length < 2) {
       return myArray;
   }

   var middle = Math.floor(myArray.length / 2),
       left = myArray.slice(0, middle),
       right = myArray.slice(middle);

   // 递归
   // 不断拆分只到一个数组只有一个数
   return merge(mergeSort(left), mergeSort(right));
}

5.快速排序

基本思路:

1.以一个数为基准(中间的数),比基准小的放到左边,比基准大的放到右边

2.再按此方法对这两部分数据分别进行快速排序(递归进行)

3.不能再分后退出递归,并重新将数组合并

图片展示:




代码:

var quickSort = function(myArray) {  
// 当被分的数组只剩一个时,退出递归
if (myArray.length <= 1) {
return myArray;
  }

// 中间基准值的index
var pivotIndex = Math.floor(myArray.length / 2);  
// 基准值
var pivot = myArray.splice(pivotIndex, 1)[0];  
var left = [];  
var right = [];  
// 小的放左边,大的放右边
for (var i = 0; i < myArray.length; i++) {    
if (myArray[i] < pivot) {  
left.push(myArray[i]); 
      } else {
right.push(myArray[i]); 
      }  
  }  
// 递归
// 把数组合并在一起
return quickSort(left).concat([pivot], quickSort(right));
};



扫描二维码推送至手机访问。

版权声明:本文由短链接发布,如需转载请注明出处。

本文链接:https://www.ft12.com/article_409.html

标签: 算法排序JS
分享给朋友:

相关文章

公众号新商机:可插入文章链接 ,帮客户打广告

公众号新商机:可插入文章链接 ,帮客户打广告

【FT12短网址资讯】6月6日消息,FT12短网址工作人员获悉,微信团队宣告,今天起,微信大众渠道上线新功用,一切帐号都可在图文消息里刺进大众渠道内任意已群发的文章链接。现在,可经过以下两种方法添加文章:一、直接输入文章连接地址。复制想要刺...

收个快递也能中500万?顺丰到底为何要涉足彩票

现在的人,越来越懒了。  懒得自己做饭,成就了外卖订餐平台美团和饿了么。  懒得自己去商店买东西,成就了网购平台淘宝、天猫、京东,当然还包括一大批提供服务的快递公司。  而如今,快递公司顺丰还打算让人懒得去线下体彩店买彩票,选择联手国家体彩...

FT12短网址:如何挖掘Nginx日志中隐藏的金矿?

FT12短网址:如何挖掘Nginx日志中隐藏的金矿?

作者|张晓庆 编辑|小智 对很多开发运维人员来说,Nginx 日志文件在被删除前可能都不会看上一眼。但实际上,Nginx 隐藏了相当丰富的信息,或许其中便蕴含着未知的金矿等你挖掘! 写在前面...

京东宣布投资3.97亿美元 与Farfetch达战略合作

【FT12短网址资讯】今日,京东集团与全球时髦精品购物渠道Farfetch宣布树立战略协作伙伴关系,创建全国奢侈品网购首选渠道。作为这项协作的一部分,京东集团将向Farfetch投资3.97亿美元并成为其最大的股东之一,一起京东集团董事局主...

特斯拉宣布与上海电气合作 将在上海建厂

【FT12短网址资讯】日前咱们获悉,6月22日上午,在上海市人民政府见证下,特斯拉同上海电气签署了合资结构协议。依据两边合作协议,特斯拉携手上海电气集团股份有限公司将在上海临港开发区建立在我国的首家工厂。  依据国家政策规定,特斯拉需要与最...

连内衣店、按摩馆都被大量直播 画面让人心惊

  近日,网络上出现多地学校教室、宿舍的直播画面,画面中人物的举动都较为清晰,且包含声音,一些当事人对直播并不知情。不仅是学校,一些直播的镜头还对准了游泳池、盲人按摩馆、酒店大堂、内衣店...  直播随意看:学校、游泳池、盲人按摩馆、酒店大...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。