JS實(shí)現(xiàn)的冒泡排序,快速排序,插入排序算法示例
本文實(shí)例講述了JS實(shí)現(xiàn)的冒泡排序,快速排序,插入排序算法。分享給大家供大家參考,具體如下:
一、冒泡排序
大致分兩步:
1、依次對(duì)比相鄰2個(gè)數(shù)字,前者比后者大就調(diào)換位置
2、重復(fù)第一步操作,直到所有數(shù)字都按順序排列
function bubbleSort(arr){
for(var i=1; i<arr.length; i++){
for(var j=0; j<arr.length-i; j++){
if(arr[j]>arr[j+1]){
arr[j]=[arr[j+1],arr[j+1]=arr[j]][0];
}
}
}
return arr;
}
二、快速排序
大致分三步:
1、找基準(zhǔn)(一般是以中間項(xiàng)為基準(zhǔn))
2、遍歷數(shù)組,小于基準(zhǔn)的放在left,大于基準(zhǔn)的放在right
3、遞歸
function quickSort(arr){
//如果數(shù)組<=1,則直接返回
if(arr.length<=1){return arr;}
var pivotIndex=Math.floor(arr.length/2);
//找基準(zhǔn),并把基準(zhǔn)從原數(shù)組刪除
var pivot=arr.splice(pivotIndex,1)[0];
//定義左右數(shù)組
var left=[], right=[];
//比基準(zhǔn)小的放在left,比基準(zhǔn)大的放在right
for(var i=0;i<arr.length;i++){
if(arr[i]<=pivot){
left.push(arr[i]);
}else{
right.push(arr[i]);
}
}
//遞歸
return quickSort(left).concat(pivot, quickSort(right));
}
三、插入排序(對(duì)于少量元素比較有效)
原理:像排序一手撲克牌,開(kāi)始時(shí),我們的左手為空并且桌子上的牌面向下。然后,我們每次從桌子上拿走一張牌并將它插入左手中正確的
位置。為了找到一張牌的正確位置,我們從右到左將它與已在手中的每張牌進(jìn)行比較,如圖2-1所示。拿在左手上的牌總是排序好的,原來(lái)這些牌是桌子上牌堆中頂部的牌。
手上的牌是有序數(shù)列,桌子上的牌是無(wú)序數(shù)列。

function insertSort(arr){
//從第二個(gè)數(shù)開(kāi)始,依次插入
for(var i=1; i<arr.length; i++){
//判斷目標(biāo)元素是否小于前一個(gè)元素
if(arr[i]<arr[i-1]){
var current=arr[i];
var j=i-1;
//從有序數(shù)列從后往前對(duì)比,如果目標(biāo)元素小于與之對(duì)比的當(dāng)前元素,當(dāng)前元素位置往后挪一位
while(j>=0 && current<arr[j]) {
arr[j+1]=arr[j];
j--;
}
//插入
arr[j+1]=current;
}
}
return arr;
}
插入排序另一種寫(xiě)法(個(gè)人感覺(jué)還是這種效率快)
function insertSort(arr) {
for(let i=1; i<arr.length; i++) {
if(arr[i] < arr[0]) {
arr.unshift(arr.splice(i,1)[0]);
}else {
for(let j=i-1; j>=0; j--) {
if(arr[i] > arr[j]) {
let current = arr.splice(i,1)[0];
arr.splice(j+1,0,current);
break;
}
}
}
}
return arr;
}
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
PS:這里再為大家推薦一款關(guān)于排序的演示工具供大家參考:
在線動(dòng)畫(huà)演示插入/選擇/冒泡/歸并/希爾/快速排序算法過(guò)程工具:
http://tools.jb51.net/aideddesign/paixu_ys
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
深入認(rèn)識(shí)javascript中的eval函數(shù)
發(fā)現(xiàn)為本文起一個(gè)合適的標(biāo)題還不是那么容易,呵呵,所以在此先說(shuō)明下本文的兩個(gè)目的.2009-11-11
如何使用big.js解決JavaScript浮點(diǎn)數(shù)精度丟失問(wèn)題
最近在項(xiàng)目中涉及到金額從元轉(zhuǎn)為分(乘100即可),發(fā)現(xiàn)乘法居然也會(huì)有精度丟失的問(wèn)題,關(guān)于浮點(diǎn)數(shù)計(jì)算精度丟失是很多語(yǔ)言都存在的問(wèn)題,本文給大家分享使用big.js解決JavaScript浮點(diǎn)數(shù)精度丟失問(wèn)題,感興趣的朋友一起看看吧2023-12-12
js實(shí)現(xiàn)列表循環(huán)滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)列表循環(huán)滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07
JS中的算法與數(shù)據(jù)結(jié)構(gòu)之列表(List)實(shí)例詳解
這篇文章主要介紹了JS中的算法與數(shù)據(jù)結(jié)構(gòu)之列表(List),結(jié)合實(shí)例形式分析了javascript列表的概念、原理以及定義、添加、刪除、查找等相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
JavaScript中Promise的使用方法實(shí)例
現(xiàn)在不會(huì)用Promise都不好意思說(shuō)自己是前端,下面這篇文章主要給大家介紹了關(guān)于JavaScript中Promise使用的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
javascript定時(shí)器取消定時(shí)器及優(yōu)化方法
這篇文章主要介紹了 javascript定時(shí)器取消定時(shí)器及js定時(shí)器優(yōu)化方法的相關(guān)資料,需要的朋友可以參考下2017-07-07

