> 웹 프론트엔드 > JS 튜토리얼 > JS의 일반적인 정렬 알고리즘에 대한 자세한 설명

JS의 일반적인 정렬 알고리즘에 대한 자세한 설명

阿神
풀어 주다: 2017-01-24 13:47:51
원래의
1056명이 탐색했습니다.

Lei Feng이 Leifeng Pagoda를 무너뜨렸고, Java는 JavaScript를 구현했습니다.

그때 저는 Javascript를 도입하여 인기를 얻고 싶었습니다. (구 LiveScript)도 이름을 바꾸는 것을 주저하지 않고 이제는 밝게 빛나고 있습니다. 마디 JS의 등장으로 JavaScript가 프런트엔드와 백엔드를 모두 맡을 수 있게 되었습니다. Java가 여전히 엔터프라이즈 소프트웨어 개발 분야를 지배하고 있지만(C/C + + 위대한 신들이시여, 저를 때리지 마십시오. . . ), 그러나 웹 세계에서는 JavaScript가 비교할 수 없을 만큼 뛰어나며 최고의 자리를 차지하고 있습니다.

그러나 전통적인 컴퓨터 알고리즘과 자료 구조 분야에서는 대부분의 전문 교과서와 서적의 기본 언어가 Java 또는 C/C+입니다. +. 최근에 알고리즘과 데이터 구조에 대한 지식을 보충하고 싶었던 나에게 이것이 문제를 일으켰다. 자바스크립트를 기본 언어로 하는 알고리즘 책을 찾고 싶었기 때문이다. 오라일리의 동물책 시리즈에 “데이터 구조와 알고리즘 자바스크립트 설명”이라는 책이 있다는 걸 알고 이틀 동안 신나게 이 책을 처음부터 끝까지 읽었습니다. 이 책은 프론트엔드 개발자를 위한 좋은 입문용 알고리즘 책입니다. 그러나 이 책에는 큰 결점이 있습니다. 즉, 저와 같은 어설픈 프로그래머라도 눈에 띄는 작은 오류가 많이 있다는 것입니다. 보세요. 또 다른 문제는 이 책에서 중요한 알고리즘과 자료구조 지식이 많이 언급되지 않는다는 점이다. 이러한 문제는 말기 강박 장애 환자인 나에게는 참을 수 없는 일입니다. 그래서 의견이 다를 때마다 정보를 찾아보고 알고리즘을 직접 요약하기로 했습니다. 그래서 알고리즘 필드정렬 알고리즘 중 가장 기본적인 지식 포인트부터 정리해보겠습니다.

다음 코드에는 제가 찾을 수 없는 버그나 오류, 불규칙한 문법이 있을 것이라고 생각하므로, 오류를 지속적으로 수정하는 것이 유일한 방법이기 때문에 지적해 주시기 바랍니다. 이렇게 하면 장기적인 발전을 이룰 수 있습니다.


10대 클래식 알고리즘

JS의 일반적인 정렬 알고리즘에 대한 자세한 설명

용어 설명:

n: 데이터 규모

k: "버킷 수" "

In-place: 일정한 메모리를 점유하고 추가 메모리를 차지하지 않습니다

Out-place: 추가 메모리를 점유합니다

안정성: 두 개의 동일한 키 값의 정렬 후 순서는 정렬 전의 순서와 동일


버블 정렬

가장 간단한 정렬 알고리즘 중 하나인 버블 정렬은 단어장에 Abandon이 나오는 것과 같은 느낌을 줍니다. 매번 첫 페이지에 1위로 나오거든요. 가장 친숙한. . . 플래그를 설정하는 버블 정렬을 위한 또 다른 최적화 알고리즘이 있습니다. 이는 시퀀스 탐색 중에 요소가 교환되지 않으면 시퀀스가 ​​올바른지 증명합니다. 그러나 이러한 개선은 성능 향상에 큰 도움이 되지 않습니다. . .

가장 빠른 시간은 언제인가요?

입력 데이터가 이미 양수 순서인 경우(이미 양수 순서인 경우 버블 정렬이 무슨 소용인가요?) . )

가장 느린 시간은 언제인가요?

입력 데이터가 역순일 때(데이터를 역순으로 출력하려면 for 루프를 작성하면 충분합니다) 주문, 왜 사용하시나요? )

버블 정렬 애니메이션

JS의 일반적인 정렬 알고리즘에 대한 자세한 설명JavaScript 코드 구현

function bubbleSort(arr) {
    var len = arr.length;
    for (var i = 0; i < len; i++) {
        for (var j = 0; j < len - 1 - i; j++) {
            if (arr[j] > arr[j+1]) {        //相邻元素两两对比
                var temp = arr[j+1];        //元素交换
                arr[j+1] = arr[j];
                arr[j] = temp;
            }
        }
    }
    return arr;
}
로그인 후 복사

정렬 선택

다음 중 하나 어떤 데이터를 입력하더라도 시간복잡도는 O(n²)이기 때문에 가장 안정적인 정렬 알고리즘입니다. . . 따라서 사용할 때에는 데이터 크기가 작을수록 좋습니다. 유일한 장점은 추가 메모리 공간을 차지하지 않는다는 것입니다.

정렬 애니메이션 데모 선택

JavaScript 코드 구현JS의 일반적인 정렬 알고리즘에 대한 자세한 설명

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;}
로그인 후 복사

삽입 정렬

삽입 정렬의 코드 구현은 버블 정렬 및 선택만큼 좋지 않습니다. 그것은 간단하고 투박하지만 그 원리는 포커를 해본 사람이라면 누구나 즉시 이해할 수 있어야 하기 때문에 가장 이해하기 쉬워야 합니다. 물론 포커를 할 때 카드를 크기에 따라 정렬하지 않는다고 한다면 아마도 이생에서는 삽입 정렬 알고리즘에 관심이 없을 것입니다. . .
삽입 정렬도 버블 정렬과 마찬가지로 분할 반 삽입이라는 최적화 알고리즘이 있습니다. 이 알고리즘에 관해서는 게으른 나는 교과서에 나오는 고전적인 말을 사용하겠습니다. 관심있는 학생들은 수업 후에 스스로 공부할 수 있습니다. . .

삽입정렬 애니메이션 시연

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版》的合著者Robert Sedgewick提出的。在这里,我就使用了这种方法。

JavaScript代码实现

function shellSort(arr) {
    var len = arr.length,
        temp,
        gap = 1;
    while(gap < len/3) {          //动态定义间隔序列
        gap =gap*3+1;
    }
    for (gap; gap > 0; gap = Math.floor(gap/3)) {
        for (var i = gap; i < len; i++) {
            temp = arr[i];
            for (var j = i-gap; j >= 0 && arr[j] > temp; j-=gap) {
                arr[j+gap] = arr[j];
            }
            arr[j+gap] = temp;
        }
    }
    return arr;}
로그인 후 복사


归并排序

作为一种典型的分而治之思想的算法应用,归并排序的实现由两种方法:

●自上而下的递归(所有递归的方法都可以用迭代重写,所以就有了第2种方法)

●自下而上的迭代

在《数据结构与算法JavaScript描述》中,作者给出了自下而上的迭代方法。但是对于递归法,作者却认为:

However, it is not possible to do so in JavaScript, as the recursion goes too deep for the language to handle.

然而,在 JavaScript 中这种方式不太可行,因为这个算法的递归深度对它来讲太深了。

说实话,我不太理解这句话。意思是JavaScript编译器内存太小,递归太深容易造成内存溢出吗?还望有大神能够指教。

和选择排序一样,归并排序的性能不受输入数据的影响,但表现比选择排序好的多,因为始终都是O(n log n)的时间复杂度。代价是需要额外的内存空间。

归并排序动图演示

JS의 일반적인 정렬 알고리즘에 대한 자세한 설명

归并排序JavaScript代码实现:

function mergeSort(arr) {  //采用自上而下的递归方法
    var len = arr.length;
    if(len < 2) {
        return arr;
    }
    var middle = Math.floor(len / 2),
        left = arr.slice(0, middle),
        right = arr.slice(middle);
    return merge(mergeSort(left), mergeSort(right));}function merge(left, right){
    var result = [];

    while (left.length && right.length) {
        if (left[0] <= right[0]) {
            result.push(left.shift());
        } else {
            result.push(right.shift());
        }
    }

    while (left.length)
        result.push(left.shift());

    while (right.length)
        result.push(right.shift());

    return result;}
로그인 후 복사


快速排序

快速排序又是一种分而治之思想在排序算法上的典型应用。本质上来看,快速排序应该算是在冒泡排序基础上的递归分治法。

快速排序的名字起的是简单粗暴,因为一听到这个名字你就知道它存在的意义,就是快,而且效率高! 它是处理大数据最快的排序算法之一了。虽然Worst Case的时间复杂度达到了O(n²),但是人家就是优秀,在大多数情况下都比平均时间复杂度为O(n log n) 的排序算法表现要更好,可是这是为什么呢,我也不知道。。。好在我的强迫症又犯了,查了N多资料终于在《算法艺术与信息学竞赛》上找到了满意的答案:

快速排序的最坏运行情况是O(n²),比如说顺序数列的快排。但它的平摊期望时间是O(n log n) ,且O(n log n)记号中隐含的常数因子很小,比复杂度稳定等于O(n log n)的归并排序要小很多。所以,对绝大多数顺序性较弱的随机数列而言,快速排序总是优于归并排序。

快速排序动图演示

JS의 일반적인 정렬 알고리즘에 대한 자세한 설명

快速排序JavaScript代码实现:

function quickSort(arr, left, right) {
    var len = arr.length,
        partitionIndex,
        left = typeof left != &#39;number&#39; ? 0 : left,
        right = typeof right != &#39;number&#39; ? len - 1 : right;

    if (left < right) {
        partitionIndex = partition(arr, left, right);
        quickSort(arr, left, partitionIndex-1);
        quickSort(arr, partitionIndex+1, right);
    }
    return arr;}function partition(arr, left ,right) {     //分区操作
    var pivot = left,                      //设定基准值(pivot)
        index = pivot + 1;
    for (var i = index; i <= right; i++) {
        if (arr[i] < arr[pivot]) {
            swap(arr, i, index);
            index++;
        }        
    }
    swap(arr, pivot, index - 1);
    return index-1;}function swap(arr, i, j) {
    var temp = arr[i];
    arr[i] = arr[j];
    arr[j] = temp;}
로그인 후 복사


堆排序

堆排序可以说是一种利用堆的概念来排序的选择排序。分为两种方法:

1.大顶堆:每个节点的值都大于或等于其子节点的值,在堆排序算法中用于升序排列

2.小顶堆:每个节点的值都小于或等于其子节点的值,在堆排序算法中用于降序排列

堆排序动图演示

JS의 일반적인 정렬 알고리즘에 대한 자세한 설명

堆排序JavaScript代码实现:

var len;    //因为声明的多个函数都需要数据长度,所以把len设置成为全局变量function buildMaxHeap(arr) {   //建立大顶堆
    len = arr.length;
    for (var i = Math.floor(len/2); i >= 0; i--) {
        heapify(arr, i);
    }}function heapify(arr, i) {     //堆调整
    var left = 2 * i + 1,
        right = 2 * i + 2,
        largest = i;

    if (left < len && arr[left] > arr[largest]) {
        largest = left;
    }

    if (right < len && arr[right] > arr[largest]) {
        largest = right;
    }

    if (largest != i) {
        swap(arr, i, largest);
        heapify(arr, largest);
    }}function swap(arr, i, j) {
    var temp = arr[i];
    arr[i] = arr[j];
    arr[j] = temp;}function heapSort(arr) {
    buildMaxHeap(arr);

    for (var i = arr.length-1; i > 0; i--) {
        swap(arr, 0, i);
        len--;
        heapify(arr, 0);
    }
    return arr;}
로그인 후 복사


计数排序

计数排序的核心在于将输入的数据值转化为键存储在额外开辟的数组空间中。作为一种线性时间复杂度的排序,计数排序要求输入的数据必须是有确定范围的整数。

计数排序动图演示


JS의 일반적인 정렬 알고리즘에 대한 자세한 설명

计数排序JavaScript代码实现:

function countingSort(arr, maxValue) {
    var bucket = new Array(maxValue+1),
        sortedIndex = 0;
        arrLen = arr.length,
        bucketLen = maxValue + 1;

    for (var i = 0; i < arrLen; i++) {
        if (!bucket[arr[i]]) {
            bucket[arr[i]] = 0;
        }
        bucket[arr[i]]++;
    }

    for (var j = 0; j < bucketLen; j++) {
        while(bucket[j] > 0) {
            arr[sortedIndex++] = j;
            bucket[j]--;
        }
    }

    return arr;}
로그인 후 복사


桶排序

桶排序是计数排序的升级版。它利用了函数的映射关系,高效与否的关键就在于这个映射函数的确定。

为了使桶排序更加高效,我们需要做到这两点:

1.在额外空间充足的情况下,尽量增大桶的数量

2.使用的映射函数能够将输入的N个数据均匀的分配到K个桶中

同时,对于桶中元素的排序,选择何种比较排序算法对于性能的影响至关重要。

什么时候最快

当输入的数据可以均匀的分配到每一个桶中

什么时候最慢

当输入的数据被分配到了同一个桶中

桶排序JavaScript代码实现:

function bucketSort(arr, bucketSize) {
    if (arr.length === 0) {
      return arr;
    }

    var i;
    var minValue = arr[0];
    var maxValue = arr[0];
    for (i = 1; i < arr.length; i++) {
      if (arr[i] < minValue) {
          minValue = arr[i];                //输入数据的最小值
      } else if (arr[i] > maxValue) {
          maxValue = arr[i];                //输入数据的最大值
      }
    }

    //桶的初始化
    var DEFAULT_BUCKET_SIZE = 5;            //设置桶的默认数量为5
    bucketSize = bucketSize || DEFAULT_BUCKET_SIZE;
    var bucketCount = Math.floor((maxValue - minValue) / bucketSize) + 1;   
    var buckets = new Array(bucketCount);
    for (i = 0; i < buckets.length; i++) {
        buckets[i] = [];
    }

    //利用映射函数将数据分配到各个桶中
    for (i = 0; i < arr.length; i++) {
        buckets[Math.floor((arr[i] - minValue) / bucketSize)].push(arr[i]);
    }

    arr.length = 0;
    for (i = 0; i < buckets.length; i++) {
        insertionSort(buckets[i]);                      //对每个桶进行排序,这里使用了插入排序
        for (var j = 0; j < buckets[i].length; j++) {
            arr.push(buckets[i][j]);                      
        }
    }

    return arr;}
로그인 후 복사


基数排序

基数排序有两种方法

1.MSD 从高位开始进行排序

2.LSD 从低位开始进行排序

基数排序 vs 计数排序 vs 桶排序

这三种排序算法都利用了桶的概念,但对桶的使用方法上有明显差异:

●基数排序:根据键值的每位数字来分配桶

●计数排序:每个桶只存储单一键值

●桶排序:每个桶存储一定范围的数值

LSD基数排序动图演示:

JS의 일반적인 정렬 알고리즘에 대한 자세한 설명

基数排序JavaScript代码实现:

//LSD Radix Sortvar counter = [];function radixSort(arr, maxDigit) {
    var mod = 10;
    var dev = 1;
    for (var i = 0; i < maxDigit; i++, dev *= 10, mod *= 10) {
        for(var j = 0; j < arr.length; j++) {
            var bucket = parseInt((arr[j] % mod) / dev);
            if(counter[bucket]==null) {
                counter[bucket] = [];
            }
            counter[bucket].push(arr[j]);
        }
        var pos = 0;
        for(var j = 0; j < counter.length; j++) {
            var value = null;
            if(counter[j]!=null) {
                while ((value = counter[j].shift()) != null) {
                      arr[pos++] = value;
                }
          }
        }
    }
    return arr;}
로그인 후 복사


写在最后

排序算法实在是博大精深,还有hin多hin多我没有总结到或者我自己还没弄明白的算法,仅仅是总结这十种排序算法都把我写哭了。。。

因此,以后如果我掌握了更多的排序姿势,我一定还会回来的!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿