javascript常用排序算法(图文详解)

文章目录

  • 前言
  • 冒泡排序
    • 原理
    • 时间复杂度
    • 空间复杂度
    • 稳定性
    • 演示效果
    • 代码实现
  • 选择排序
    • 原理
    • 时间复杂度:
    • 空间复杂度:
    • 稳定性:
    • 演示效果
    • 代码实现
  • 插入排序
    • 原理
    • 时间复杂度:
    • 空间复杂度:
    • 稳定性
    • 演示效果
    • 代码实现
  • 快速排序
    • 原理
    • 时间复杂度:
    • 空间复杂度:
    • 稳定性
    • 演示效果
    • 代码实现
  • 归并排序(Merge Sort)
    • 原理
    • 时间复杂度
    • 空间复杂度
    • 稳定性
    • 演示效果

在这里插入图片描述

前言

排序被认为是许多编程语言中的一个重要概念,因为它可以帮助我们以更快、更轻松的方式定位元素。

在这篇文章中,我们将使用排序算法对数组进行排序。JavaScript 中至少有 8 种不同的排序算法。为了使这篇文章简短但仍然充满有用的知识,我将重点介绍以下5种算法:

  • 冒泡排序
  • 选择排序
  • 插入排序
  • 快速排序
  • 归并排序
    在这里插入图片描述

冒泡排序

原理

比较相邻的元素,如果第一个比第二个大,就交换它们两个,直到没有需要交换为止。即排序完成。

时间复杂度

平均O(n²)   最好O(n)  最坏O(n²)

空间复杂度

O(1)

稳定性

稳定

演示效果

javascript常用排序算法(图文详解)_第1张图片

代码实现

const arr = [3, 44, 38, 5, 47, 15, 36, 26, 27, 2, 46, 4, 19, 50, 48];

function bubbleSort(arr) {
    let len = arr.length;
    if(len >= 1) {
        for(let i = 0;i < len - 1; i++) {
            for(let j = 0;j < len - 1 - i; j++) {
                if(arr[j] > arr[j + 1]) {
                    let temp = arr[j + 1];
                    arr[j + 1] = arr[j];
                    arr[j] = temp;
                }
            }
        }

    }
    return arr;
}

console.log(bubbleSort(arr));

在这里插入图片描述

选择排序

原理

首先在未排序序列中找到最小(大)元素,存放到排序序列的起始位置,然后,再从剩余未排序元素中继续寻找最小(大)元素,然后放到已排序序列的末尾。以此类推,直到所有元素均排序完毕。

时间复杂度:

平均O(n²)   最好O(n²)  最坏O(n²)

空间复杂度:

O(1)

稳定性:

不稳定

演示效果

javascript常用排序算法(图文详解)_第2张图片

代码实现

const arr=[3,44,38,5,47,15,36,26,27,2,46,4,19,50,48];

function selectionSort(arr) { 
    let len = arr.length;
    let minIndex, temp;
    for (let i = 0; i < len - 1; i++) {
        minIndex = i;
        for (let 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;
}

console.log(selectionSort(arr));

在这里插入图片描述

插入排序

原理

它的工作原理是通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入。

时间复杂度:

平均O(n²)   最好O(n)  最坏O(n²)

空间复杂度:

O(1)

稳定性

稳定

演示效果

javascript常用排序算法(图文详解)_第3张图片

代码实现

const arr=[3,44,38,5,47,15,36,26,27,2,46,4,19,50,48];

function insertSort(arr) {
    const len = arr.length;
    let preIndex, current;
    for (let 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;
}

console.log(insertSort(arr));

在这里插入图片描述

快速排序

原理

快速排序使用分治的思想,通过一趟排序将要排序的数据分割成独立的两部分,其中一部分的所有数据都比另外一部分的所有数据都要小,然后再按此方法对这两部分数据分别进行快速排序,整个排序过程可以递归进行,以此达到整个数据变成有序序列。

具体算法描述如下:

(1)选择基准:在待排序列中,按照某种方式挑出一个元素,作为 “基准”(pivot)
选择基准的方式 1.固定位置  2.随机选取基准  3.三数取中(左中右)
(2)分割操作:以该基准在序列中的实际位置,把序列分成两个子序列。此时,在基准左边的元素都比该基准小,在基准右边的元素都比基准大
(3)递归地对两个序列进行快速排序,直到序列为空或者只有一个元素

时间复杂度:

平均O(nlogn)  最好O(nlogn)  最坏O(n²)

空间复杂度:

O(nlogn)

稳定性

不稳定

演示效果

javascript常用排序算法(图文详解)_第4张图片

代码实现

const arr=[3,44,38,5,47,15,36,26,27,2,46,4,19,50,48];

function quickSort(arr, left, right) { 
    let len = arr.length, partitionIndex, lt = typeof left != 'number' ? 0 : left, rt = typeof right != 'number' ? len - 1 : right; 
    if (lt < rt) { 
        partitionIndex = partition(arr, lt, rt); 
        quickSort(arr, lt, partitionIndex - 1); 
        quickSort(arr, partitionIndex + 1, rt); 
    } 
    return arr;
} 

function partition(arr, left, right) { 
    // 分区操作 
    let pivot = left, 
        // 设定基准值(pivot) 
        index = pivot + 1; 
    for (let 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) { 
    let temp = arr[i]; 
    arr[i] = arr[j]; 
    arr[j] = temp;
}
console.log(quickSort(arr));

在这里插入图片描述

归并排序(Merge Sort)

原理

该算法是采用分治法(Divide and Conquer)的一个非常典型的应用。将已有序的子序列合并,得到完全有序的序列;即先使每个子序列有序,再使子序列段间有序。若将两个有序表合并成一个有序表,称为2-路归并。

具体算法描述如下:

  • 把长度为n的输入序列分成两个长度为n/2的子序列;
  • 对这两个子序列分别采用归并排序;
  • 将两个排序好的子序列合并成一个最终的排序序列。

时间复杂度

平均O(nlogn)  最好O(nlogn)  最坏O(nlogn)

空间复杂度

O(n)

稳定性

稳定

演示效果

javascript常用排序算法(图文详解)_第5张图片## 代码实现

const arr = [3, 44, 38, 5, 47, 15, 36, 26, 27, 2, 46, 4, 19, 50, 48];

function mergeSort(arr) { 
    // 采用自上而下的递归方法 
    let len = arr.length; 
    if (len < 2) { 
        return arr; 
    } 
    let middle = Math.floor(len / 2), left = arr.slice(0, middle), right = arr.slice(middle); 
    return merge(mergeSort(left), mergeSort(right));
} 
function merge(left, right) { 
    let result = []; 
    while (left.length > 0 && right.length > 0) { 
        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;
}

console.log(mergeSort(arr));

在这里插入图片描述
最后,感谢您阅读到此!我希望它能帮助你更好地理解JavaScript算法。如果你喜欢这篇文章,那么请记得给我点赞。同时,也欢迎您发表评论,提出问题!

你可能感兴趣的:(JavaScript奇淫技巧,排序算法,javascript,算法,前端)