JS常用排序方法實例代碼解析
有些代碼一兩個月都會忘了,有空多做下總結(jié),記錄下來,等需要用到的時候可以來翻翻總結(jié)的博客。寫技術(shù)博客,對自己是一種總結(jié),對別人,是一種參考。
1.sort()方法
var ar1=[2,4,6,8,1,3]
var ar2=[2,16,36,8,56]
ar1.sort()
ar2.sort()//這個方法值只能排序第一位數(shù) 也可以字符串進行排序
console.log(ar1)//[1,2,3,4,6,8]
console.log(ar2)//[16, 2, 36, 56, 8]
ar2.sort(function(a,b){
return a-b //a-b為升序
//return b-a //b-a為降序
})
console.log(ar2)//[2, 8, 16, 36, 56]
2.reverse()方法
var ar1=[2,4,6,8,1,3] ar1.reverse()//此方法為倒序,也就是反過來。并不會進行大小排序 console.log(ar1)//[3, 1, 8, 6, 4, 2]
3.冒泡排序
//每輪依次比較相鄰兩個數(shù)的大小,后面比前面小則交換
var b=0//設置用來調(diào)換位置的值
var a=[1,9,33,2,5,34,23,98,14]//冒泡排序
for(var i=0;i<a.length;i++){
for(var j=0;j<a.length;j++){
if(a[j]>a[j+1]){
b=a[j]
a[j]=a[j+1]
a[j+1]=b
}
}
}
console.log(a)//[1, 2, 5, 9, 14, 23, 33, 34, 98]
4.選擇排序
//拿第一個數(shù)與后面數(shù)相比較,如果比后面的數(shù)大則交換
//拿第二個數(shù)與后面的數(shù)比較,如果比后面的數(shù)大則交換
//直到比較到倒數(shù)第二個數(shù),最后一個數(shù)不用比較
var b=0//設置用來調(diào)換位置的值
var a=[1,9,33,2,5,34,23,98,14]//冒泡排序
for(var i=0;i<a.length;i++){
for(var j=i;j<a.length;j++){
if(a[j]>a[j+1]){
b=a[j]
a[j]=a[j+1]
a[j+1]=b
}
}
}
console.log(a)//[1, 2, 5, 9, 14, 23, 33, 34, 98]
5.快速排序
先從數(shù)列中取出一個數(shù)作為基準數(shù)
分區(qū)過程,將比這個數(shù)大的數(shù)全放到它的右邊,小于或等于它的數(shù)全放到它的左邊
再對左右區(qū)間重復第二步,直到各區(qū)間只有一個數(shù)
function quickSort(arr, i, j) {
if(i < j) {
let left = i;
let right = j;
let mid = Math.floor((left+right)/2);
let temp = arr[left];
arr[left] = arr[mid];
arr[mid] = temp;
let pivot = arr[left];
while(i < j) {
while(arr[j] >= pivot && i < j) { // 從后往前找比基準小的數(shù)
j--;
}
if(i < j) {
arr[i++] = arr[j];
}
while(arr[i] <= pivot && i < j) { // 從前往后找比基準大的數(shù)
i++;
}
if(i < j) {
arr[j--] = arr[i];
}
}
arr[i] = pivot;
quickSort(arr, left, i-1);
quickSort(arr, i+1, right);
return arr;
}
}
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
JS數(shù)組操作大全對象數(shù)組根據(jù)某個相同的字段分組
這篇文章主要介紹了JS數(shù)組操作大全對象數(shù)組根據(jù)某個相同的字段分組,需要注意的是,在開發(fā)過程這種數(shù)組的處理函數(shù),應當被編寫到項目的公共工具函數(shù)庫中全局調(diào)用,本文結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2022-11-11
JavaScript高仿支付寶倒計時頁面及代碼實現(xiàn)
在支付寶上我們經(jīng)常會見到支付寶倒計時功能,倒計時應用非常廣泛,下文給大家介紹js制作支付寶倒計時功能,但是里面涉及到,倒計時,彈框,以及字體圖的相關知識,感興趣的朋友一起看看吧2016-10-10
JavaScript+html5 canvas繪制繽紛多彩的三角形效果完整實例
這篇文章主要介紹了JavaScript+html5 canvas繪制繽紛多彩的三角形效果,以完整實例形式分析了html5的canvas繪制圖形的相關技巧,需要的朋友可以參考下2016-01-01
ajaxControlToolkit AutoCompleteExtender的用法
昨天在搜索中使用了這個控件,不過不知道為什么在IE中反應比較慢2008-10-10
Bootstrap實現(xiàn)省市區(qū)三級聯(lián)動(親測可用)
這篇文章主要為大家詳細介紹了Bootstrap實現(xiàn)省市區(qū)三級聯(lián)動,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-07-07

