中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript如何實現十大排序算法

發布時間:2022-08-04 14:18:10 來源:億速云 閱讀:151 作者:iii 欄目:web開發

本文小編為大家詳細介紹“JavaScript如何實現十大排序算法”,內容詳細,步驟清晰,細節處理妥當,希望這篇“JavaScript如何實現十大排序算法”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

JavaScript如何實現十大排序算法

冒泡排序

排序的效果圖

JavaScript如何實現十大排序算法

解法

當前解法為升序

冒泡排序的特點,是一個個數進行處理。第i個數,需要與后續的len-i-1個數進行逐個比較。

為什么是 `len-i-1`個數?

因為數組末尾的i個數,已經是排好序的,確認位置不變的了。

為什么確認位置不變,因為它們固定下來之前,已經和前面的數字都一一比較過了。

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

	return arr;
}

快速排序

概要

快速排序,使用的是分治法的思想。
通過選定一個數字作為比較值,將要排序其他數字,分為 >比較值<比較值,兩個部分。并不斷重復這個步驟,直到只剩要排序的數字只有本身,則排序完成。

效果圖

JavaScript如何實現十大排序算法

解法

function quickSort(arr){

	sort(arr, 0, arr.length - 1);
	return arr;


	function sort(arr, low, high){
		if(low >= high){
			return;
		}
	
		let i = low;
		let j = high;
		const x = arr[i]; // 取出比較值x,當前位置i空出,等待填入
		while(i < j){
			// 從數組尾部,找出比x小的數字
			while(arr[j] >= x && i < j){
				j--;
			}
			// 將空出的位置,填入當前值, 下標j位置空出
			// ps:比較值已經緩存在變量x中
			if(i < j){
				arr[i] = arr[j]
				i++;
			}

			// 從數組頭部,找出比x大的數字
			while(arr[i] <= x && i < j){
				i++;
			}
			// 將數字填入下標j中,下標i位置突出
			if(i < j){
				arr[j] = arr[i]
				j--;
			}
			// 一直循環到左右指針i、j相遇,
			// 相遇時,i==j, 所以下標i位置是空出的
		}

		arr[i] = x; // 將空出的位置,填入緩存的數字x,一輪排序完成

		// 分別對剩下的兩個區間進行遞歸排序
		sort(arr, low, i - 1);
		sort(arr, i+1, high);
	}
}

希爾排序

概要

希爾排序是一種插入排序的算法,它是對簡單的插入排序進行改進后,更高效的版本。由希爾(Donald Shell)于1959年提出。
特點是利用增量,將數組分成一組組子序列,然后對子序列進行插入排序。
由于增量是從大到小,逐次遞減,所以也稱為縮小增量排序

效果圖

JavaScript如何實現十大排序算法

解法

注意點
插入排序時,并不是一個分組內的數字一次性用插入排序完成,而是每個分組交叉進行。

執行插入時,使用交換法

function shellSort(arr){
	// 分組規則 gap/2 遞減
	for(let gap = Math.floor(arr.length/2); gap > 0; gap = Math.floor(gap/2)){
		for(let i = gap; i < arr.length; i++){
			let j = i;
			// 分組內數字,執行插入排序,
			// 當下標大的數字,小于 下標小的數字,進行交互
			// 這里注意,分組內的數字,并不是一次性比較完,需要i逐步遞增,囊括下個分組內數字
			while(j - gap >= 0 && arr[j] < arr[j - gap]){
				swap(j, j-gap);
				j = j - gap;
			}
		}
	}

	return arr;

	function swap(a, b){
		const tmp = arr[a];
		arr[a] = arr[b];
		arr[b] = tmp;
	}
}

執行插入時,使用移動法

function shellSort(arr){

	for(let gap = Math.floor(arr.length/2); gap > 0; gap = Math.floor(gap/2)){
		for(let i = gap; i < arr.length; i++){
			let j = i;
			const x = arr[j]; // 緩存數字,空出位置

			while(j - gap >= 0 && x < arr[j-gap]){
				arr[j] = arr[j - gap]; // 將符合條件的數字,填入空出的位置
				j = j - gap;
			}
			arr[j] = x; // 最后,將緩存的數字,填入空出的位置
		}
	}

	return arr;
}

選擇排序

排序的效果圖

JavaScript如何實現十大排序算法

解法

當前解法為升序

function selectionSort(arr){
	const len = arr.length;

	for(let i = 0; i < len-1; i++){
		let minIndex = i;
		for(let j = i+1; j < len; j++){
			if(arr[j] < arr[minIndex]){
				minIndex = j; // 保存最小數的下標
			}
		}

		const tmp = arr[i];
		arr[i] = arr[minIndex];
		arr[minIndex] = tmp;
	}

	return arr;
}

歸并排序

概要

歸并排序,利用分治思想,將大的數組,分解為小數組,直至單個元素。然后,使用選擇排序的方式,對分拆的小數組,進行回溯,并有序合并,直至合并為一個大的數組。

效果圖

JavaScript如何實現十大排序算法

小數組合并的過程

JavaScript如何實現十大排序算法

JavaScript如何實現十大排序算法

解法

function mergeSort(arr){

	return sort(arr, 0, arr.length - 1); // 注意右區間是arr.length - 1

	// sort方法,進行遞歸
	function sort(arr, left, right){
		
		// 當left !== right時,證明還沒分拆到最小元素
		if(left < right){
			// 取中間值,分拆為兩個小的數組
			const mid = Math.floor((left+right) / 2);
			const leftArr = sort(arr, left, mid);
			const rightArr = sort(arr, mid+1, right);
			// 遞歸合并
			return merge(leftArr, rightArr)
		}

		// left == right, 已經是最小元素,直接返回即可
		return left >= 0 ? [arr[left]] : [];
	}

	// 合并兩個有序數組
	function merge(leftArr, rightArr){
		let left = 0;
		let right = 0;
		const tmp = [];

		// 使用雙指針,對兩個數組進行掃描
		while(left < leftArr.length && right < rightArr.length){
			if(leftArr[left] <= rightArr[right]){
				tmp.push(leftArr[left++]);
			}else{
				tmp.push(rightArr[right++]);
			}
		}

		// 合并剩下的內容
		if(left < leftArr.length){
			while(left < leftArr.length){
				tmp.push(leftArr[left++]);
			}
		}

		if(right < rightArr.length){
			while(right < rightArr.length){
				tmp.push(rightArr[right++]);
			}
		}

		return tmp;
	}

}

插入排序

排序的效果圖

JavaScript如何實現十大排序算法

解法

當前解法為升序

function insertionSort(arr){
	const len = arr.length;

    // 注意,i 從 1 開始
	for(let i = 1; i < len; i++){
		let preIndex = i - 1;
		let current = arr[i];

        // 位置i之前,是已排好序的數字,while的作用是找到一個坑位,給當前數字current插入
		while(preIndex >= 0 && arr[preIndex] > current){
			arr[preIndex+1] = arr[preIndex]; // 對大于current的值,往后移一位,給current的插入騰出位置
			preIndex--;
		}
		arr[preIndex+1] = current;
	}

	return arr;
}

堆排序

概要

堆的表示形式

邏輯結構的表示如下:

JavaScript如何實現十大排序算法

物理數據層的表示如下:

JavaScript如何實現十大排序算法

堆排序,是選擇排序的優化版本,利用數據結構——樹,對數據進行管理。

以大頂堆為例:

  • 通過構建大頂堆

  • 將堆頂的最大數拿出,與堆底的葉子節點進行交換

  • 接著,樹剪掉最大數的葉子

  • 再對堆進行調整,重新變成大頂堆

  • 返回步驟2,以此循環,直至取出所有數

效果圖

在實現代碼時,構建大頂堆時,先保證左右子樹的有序,再逐步擴大到整棵樹。

構建大頂堆

從第一個非葉子節點開始,調整它所在的子樹

JavaScript如何實現十大排序算法

調整下標1節點的子樹后,向上繼續調整它的父節點(下標0)所在的子樹

JavaScript如何實現十大排序算法

JavaScript如何實現十大排序算法

最后,完成整個樹的調整,構建好大頂堆。

逐個抽出堆頂最大值

堆頂數字與最末尾的葉子數字交換,抽出堆頂數字9。

JavaScript如何實現十大排序算法

此時,數字9位置固定下來,樹剪掉9所在的葉子。然后,重新構建大頂堆。

JavaScript如何實現十大排序算法

大頂堆構建好后,繼續抽出堆頂數字8,然后再次重新構建大頂堆。

JavaScript如何實現十大排序算法

最后,所有節點抽出完成,代表排序已完成。

JavaScript如何實現十大排序算法

解法

以大頂堆為例,對數組進行升序排序

注意點
樹的最后一個非葉子節點:(arr.length / 2) - 1
非葉子節點i的左葉子節點: i*2+1
非葉子節點i的右葉子節點: i*2+2

function heapSort(arr){

	// 初次構建大頂堆
	for(let i = Math.floor(arr.length/2) - 1; i >= 0; i--){
		// 開始的第一個節點是 樹的最后一個非葉子節點
		// 從構建子樹開始,逐步調整
		buildHeap(arr, i, arr.length);
	}

	// 逐個抽出堆頂最大值
	for(let j = arr.length -1 ; j > 0; j--){
		swap(arr, 0, j); // 抽出堆頂(下標0)的值,與最后的葉子節點進行交換
		// 重新構建大頂堆
		// 由于上一步的堆頂最大值已經交換到數組的末尾,所以,它的位置固定下來
		// 剩下要比較的數組,長度是j,所以這里的值length == j
		buildHeap(arr, 0, j); 
	}

	return arr;

	
	// 構建大頂堆
	function buildHeap(arr, i, length){
		let tmp = arr[i]; 
		
		for(let k = 2*i+1; k < length; k = 2*k+1){
			// 先判斷左右葉子節點,哪個比較大
			if(k+1 < length && arr[k+1] > arr[k]){
				k++;
			}
			// 將最大的葉子節點,與當前的值進行比較
			if(arr[k] > tmp){
				// k節點大于i節點的值,需要交換
				arr[i] = arr[k]; // 將k節點的值與i節點的值交換
				i = k; // 注意:交換后,當前值tmp的下標是k,所以需要更新
			}else{
				// 如果tmp大于左右子節點,則它們的子樹也不用判斷,都是小于當前值
				break;
			}
			
		}

		// i是交換后的下標,更新為tmp
		arr[i] = tmp;
	}


	// 交換值
	function swap(arr, i, j){
		const tmp = arr[i];
		arr[i] = arr[j];
		arr[j] = tmp;
	}
}

計數排序

概要

計數排序的要點,是開辟一塊連續格子組成的空間,給數據進行存儲。
將數組中的數字,依次讀取,存入其值對應的下標中。
儲存完成后,再按照空間的順序,依次讀取每個格子的數據,輸出即可。

所以,計數排序要求排序的數據,必須是有范圍的整數

效果圖

JavaScript如何實現十大排序算法

解法

function countingSort(arr){
    let maxValue = Number.MIN_VALUE;
    let minValue = Number.MAX_VALUE;
    let offset = 0; // 位移,用于處理負數
    const result = [];

    // 取出數組的最大值, 最小值
    arr.forEach(num => {
        maxValue = num > maxValue ? num : maxValue;
        minValue = num > minValue ? minValue : num;
    });

    if(minValue < 0){
        offset = -minValue;
    }

    const bucket = new Array(maxValue+offset+1).fill(0); // 初始化連續的格子

    // 將數組中的每個數字,根據值放入對應的下標中,
    // `bucket[num] == n`格子的意義:存在n個數字,值為num
    arr.forEach(num => {
        bucket[num+offset]++;
    });

    // 讀取格子中的數
    bucket.forEach((store, index) => {
        while(store--){
            result.push(index - offset);
        }
    });

    return result;

}

桶排序

概要

桶排序是計數排序的優化版,原理都是一樣的:分治法+空間換時間。
將數組進行分組,減少排序的數量,再對子數組進行排序,最后合并即可得到結果。

效果圖

JavaScript如何實現十大排序算法

解法

對桶內數字的排序,本文采用的是桶排序遞歸。其實它的本質是退化到計數排序

function bucketSort(arr, bucketSize = 10){
	// bucketSize 每個桶可以存放的數字區間(0, 9]

	if(arr.length <= 1){
		return arr;
	}
	
	let maxValue = arr[0];
	let minValue = arr[0];
	let result = [];

	// 取出數組的最大值, 最小值
	arr.forEach(num => {
		maxValue = num > maxValue ? num : maxValue;
		minValue = num > minValue ? minValue : num;
	});

	// 初始化桶的數量
	const bucketCount = Math.floor((maxValue - minValue)/bucketSize) + 1; // 桶的數量
	// 初始化桶的容器
	// 注意這里的js語法,不能直接fill([]),因為生成的二維下標數組,是同一個地址
	const buckets = new Array(bucketCount).fill(0).map(() => []);

	// 將數字按照映射的規則,放入桶中
	arr.forEach(num => {
		const bucketIndex = Math.floor((num - minValue)/bucketSize);
		buckets[bucketIndex].push(num);
	});

	// 遍歷每個桶內存儲的數字
	buckets.forEach(store => {
		// 桶內只有1個數字或者空桶,或者都是重復數字,則直接合并到結果中
		if(store.length <= 1 || bucketSize == 1){
			result = result.concat(store);
			return;
		}

		// 遞歸,將桶內的數字,再進行一次劃分到不同的桶中
		const subSize = Math.floor(bucketSize/2); // 減少桶內的數字區間,但必須是最少為1
		const tmp = bucketSort(store, subSize <= 1 ? 1: subSize);
		result = result.concat(tmp);
	});

	return result;
}

基數排序

概述

基數排序,一般是從右到左,對進制位上的數字進行比較,存入[0, 9]的10個桶中,進行排序。
從低位開始比較,逐位進行比較,讓每個進制位(個、十、百、千、萬)上的數字,都能放入對應的桶中,形成局部有序。

為什么10個桶?

因為十進制數,是由0-9數字組成,對應的進制位上的數字,都會落在這個區間內,所以是10個桶。

基數排序有兩種方式:

  • MSD 從高位開始進行排序

  • LSD 從低位開始進行排序

效果圖

JavaScript如何實現十大排序算法

解法

當前解法,只適用正整數的場景。
負數場景,需要加上偏移量解決。可參考 計數排序 的解法。

function radixSort(arr){
	let maxNum = arr[0];

	// 求出最大的數字,用于確定最大進制位
	arr.forEach(num => {
		if(num > maxNum){
			maxNum = num;
		}
	});

	// 獲取最大數字有幾位
	let maxDigitNum = 0;
	while(maxNum > 0){
		maxNum = Math.floor(maxNum / 10);
		maxDigitNum++;
	}

	// 對每個進制位上的數進行排序
	for(let i = 0; i < maxDigitNum; i++){
		let buckets = new Array(10).fill(0).map(() => []); // 初始化10個桶
		for(let k = 0; k < arr.length; k++){
			const bucketIndex = getDigitNum(arr[k], i); // 獲取當前進制位上的數字
			buckets[bucketIndex].push(arr[k]); // 排序的數字放入對應桶中
		}
		// 所有數字放入桶中后,現從0-9的順序將桶中的數字取出
		const res = [];
		buckets.forEach(store => {
			store.forEach(num => {
				res.push(num); // 注意這里,先存入桶中的數字,先取出,這樣才能保持局部有序
			})
		});
		
		arr = res;
	}


	return arr;


	/** 
		求出數字每個進制位上的數字,只支持正整數
		@param num 整數
		@param digit 位數,從0開始
	*/
	function getDigitNum(num, digit){
		return Math.floor(num / Math.pow(10, digit) % 10)
	}
}

算法復雜度

JavaScript如何實現十大排序算法

讀到這里,這篇“JavaScript如何實現十大排序算法”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

巧家县| 偃师市| 句容市| 徐水县| 临沂市| 焦作市| 建阳市| 灵丘县| 鹤壁市| 清河县| 东阿县| 德阳市| 印江| 武城县| 蓬安县| 定边县| 莲花县| 凌云县| 高淳县| 都昌县| 勃利县| 无为县| 县级市| 柏乡县| 青神县| 赤城县| 长垣县| 福清市| 紫阳县| 广昌县| 永定县| 万年县| 桃园市| 宁陵县| 库尔勒市| 许昌市| 乌拉特中旗| 阿克苏市| 房产| 衡山县| 正安县|