码迷,mamicode.com
首页 > 编程语言 > 详细

JS家的排序算法

时间:2017-04-30 22:47:16      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:function   浏览器   chrome   元素   断点   

由于浏览器的原生支持(无需安装任何插件),用JS来学习数据结构和算法也许比c更加便捷些。因为只需一个浏览器就能啪啪啪的调试了。比如下图我学习归并排序算法时,只看代码感觉怎么都理解不了,但是结合chrome自带的断点调试功能,我便很快理解了其中的思想。

          技术分享

回到顶部(go to top)

冒泡排序

冒泡排序比较任何两个相邻的项,如果第一个比第二个大,则交换它们。元素项向上移动至 正确的顺序,就好像气泡升至表面一样,冒泡排序因此得名。 

冒泡排序动图演示:

 

冒泡排序JavaScript代码实现:

技术分享

    /*冒泡排序*/
    this.bubbleSort = function() {        var length = array.length;        for (var i = 0; i < length; i ++){ 
            for (var j = 0; j < length - 1; j++){ 
                if (array[j] > array[j + 1]) {
                    swap(j, j + 1);
                }
            }
        }
    };

技术分享

但是举个例子比如把数组[5,4,3,2,1]进行冒泡排序,它的工作过程如下:

 技术分享

当算法执行外循环的第二轮的时候,数字4和5已经是正确排序的了。尽管如此,在后续 比较中,它们还一直在进行着比较,即使这是不必要的。 

改进后的冒泡排序:

技术分享

//改进的冒泡排序
    this.bubbleSort = function() {        var length = array.length;        for (var i = 0; i < length; i++) {            for (var j = 0; j < length - (i + 1); j++) { //从内循环减去外循环中已跑过的轮数,就可以避免内循环中所有不必要的比较 
                if (array[j] > array[j + 1]) {
                    swap(j, j + 1);
                }
            }
        }
    };

技术分享

技术分享 完整代码

 

回到顶部(go to top)

选择排序 

选择排序思路就是找到数据结构中的最小值并 2 将其放置在第一位,接着找到第二小的值并将其放在第二位,以此类推。 

选择排序JavaScript代码实现

技术分享

this.selectionSort = function() {        var length = array.length,
            indexMin;        for (var i = 0; i < length - 1; i++) {
            indexMin = i;            for (var j = i; j < length; j++) {                if (array[indexMin] > array[j]) {
                    indexMin = j;
                }
            }            if (i !== indexMin) {
                swap(i, indexMin);
            }
        }
    }

技术分享

技术分享 完整测试代码

 

回到顶部(go to top)

插入排序

插入排序是每次排一个数组项,以此方式构建最后的排序数组。假定第一项已经排序了,接着, 它和第二项进行比较,第二项是应该待在原位还是插到第一项之前呢?这样,头两项就已正确排 序,接着和第三项比较(它是该插入到第一、第二还是第三的位置呢?),以此类推。 

插入排序动图演示:

插入排序JavaScript代码实现:

技术分享

//插入排序
    this.insertionSort = function() {        var length = array.length,
            j, temp;        for (var i = 1; i < length; i++) {
            j = i;
            temp = array[i];            while (j > 0 && array[j - 1] > temp) {
                array[j] = array[j - 1];
                j--;
            }
            array[j] = temp;
        }
    };

技术分享

技术分享 完整测试代码

 

回到顶部(go to top)

归并排序

归并排序是第一个可以被实际使用的排序算法。前三个排序算法性能不好,但归并排序性能不错,其复杂度为O(nlogn)。其中火狐,sarify的sort()方法就是基于归并算法实现的。

小建议:学习归并排序时可以如我最开始所说的,在chrome里打断点一步步看输出,一遍下来就基本上能理解其本质了。

 

归并排序JavaScript代码实现:

技术分享完整测试代码

回到顶部(go to top)

 快速排序

快速排序也许是最常用的排序算法了。它的复杂度为O(nlogn),且它的性能通常比其他的复 杂度为O(nlogn)的排序算法要好。和归并排序一样,快速排序也使用分治的方法,将原始数组分 为较小的数组(但它没有像归并排序那样将它们分割开)。 chrome的sort()方法是基于快速排序实现的。

快速排序动图演示:

讲下快速排序的思路 

  1. 在数据集之中,选择一个元素作为"基准"(pivot)。

  2. 所有小于"基准"的元素,都移到"基准"的左边;所有大于"基准"的元素,都移到"基准"的右边。

  3. 对"基准"左边和右边的两个子集,不断重复第一步和第二步,直到所有子集只剩下一个元素为止。

想详细了解的话可以阅读下这篇文章 

快速排序JavaScript代码实现:

技术分享 完整测试代码


JS家的排序算法

标签:function   浏览器   chrome   元素   断点   

原文地址:http://zhanglida66.blog.51cto.com/12834458/1920835

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!