js中Array.sort()利用零值多維排序
多維排序
要求:先按數(shù)字順序依次倒序排列,最后按字母排序
let arr = ["apple 55 33 11", "orange 55 40 18", "banana 33 40 15", "watermeion 33 40 17", "peach 33 40 17"] const compareName = (a, b) => a > b ? 1 : -1 let result = arr.map(item => item.split(' ')).sort((a, b) => { return (+b[1]) - (+a[1]) || (+b[2]) - (+a[2]) || (+b[3]) - (+a[3]) || compareName(a[0], b[0]) }) console.log(result) // [ // [ 'orange', '55', '40', '18' ], // [ 'apple', '55', '33', '11' ], // [ 'peach', '33', '40', '17' ], // [ 'watermeion', '33', '40', '17' ], // [ 'banana', '33', '40', '15' ] // ]
Array.sort()實(shí)現(xiàn)原理:
1. 插入排序
從左往右遍歷數(shù)組,每次將遍歷的項(xiàng)插入到前面的已經(jīng)排序好的有序數(shù)組中,通過構(gòu)建有序序列,對于未排序數(shù)據(jù),在已排序序列中從后向前掃描,找到相應(yīng)位置并插入。
const insertionSort = function(callback) { arr = this const len = arr.length let preIndex, current for (let i = 1; i < len; i++) { preIndex = i - 1 current = arr[i] while(preIndex >= 0 && (callback(current, arr[preIndex]) < 0)){ //callback:將第i個(gè)值,和前面已排好的i-1個(gè)值進(jìn)行比較 arr[preIndex + 1] = arr[preIndex] preIndex-- } arr[preIndex + 1] = current } return arr } Array.prototype.insertionSort = insertionSort
調(diào)用
let arr = ["apple 55 33 11", "orange 55 40 18", "banana 33 40 15", "watermeion 33 40 17", "peach 33 40 17"] const compareName = (a, b) => a > b ? 1 : -1 arr.map(item => item.split(' ')).insertionSort((a, b) => { return (+b[1]) - (+a[1]) || (+b[2]) - (+a[2]) || (+b[3]) - (+a[3]) || compareName(a[0], b[0]) }) console.log(arr) // [ // [ 'orange', '55', '40', '18' ], // [ 'apple', '55', '33', '11' ], // [ 'peach', '33', '40', '17' ], // [ 'watermeion', '33', '40', '17' ], // [ 'banana', '33', '40', '15' ] // ]
2. 快速排序
基本思想
- 在數(shù)據(jù)集之中,選擇一個(gè)元素作為"基準(zhǔn)"(pivot)。
- 所有小于"基準(zhǔn)"的元素,都移到"基準(zhǔn)"的左邊;所有大于"基準(zhǔn)"的元素,都移到"基準(zhǔn)"的右邊。
- 對"基準(zhǔn)"左邊和右邊的兩個(gè)子集,不斷重復(fù)第一步和第二步,直到所有子集只剩下一個(gè)元素為止。
算法步驟
定義一個(gè)quickSort函數(shù)
- 檢查數(shù)組的元素個(gè)數(shù),如果小于等于1,就返回。
- 選擇"基準(zhǔn)"(pivot),并將其與原數(shù)組分離,再定義兩個(gè)空數(shù)組,用來存放一左一右的兩個(gè)子集。
- 開始遍歷數(shù)組,小于"基準(zhǔn)"的元素放入左邊的子集,大于基準(zhǔn)的元素放入右邊的子集。
- 遞歸重復(fù)
const quickSort = function (callback) { let arr = this if (arr.length <= 1) { return arr; } // 獲取基準(zhǔn)值得索引 let pivotIndex = Math.floor(arr.length / 2); // 獲得索引值 let pivot = arr.splice(pivotIndex, 1)[0]; // 定義左右兩個(gè)空數(shù)組 let left = []; let right = []; // 分組 for (let i = 0; i < arr.length; i++) { if (callback(arr[i], pivot) < 0) { left.push(arr[i]); } else { right.push(arr[i]); } } // 遞歸 return [...left].quickSort(callback).concat([pivot], [...right].quickSort(callback)); }; Array.prototype.quickSort = quickSort
數(shù)組長度小于等于 10 的用插入排序InsertionSort,比10大的數(shù)組則使用快速排序 QuickSort
參考文檔: Array.sort()方法和實(shí)現(xiàn)機(jī)制
到此這篇關(guān)于js中Array.sort()利用零值多維排序的文章就介紹到這了,更多相關(guān)js Array.sort()多維排序內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
js中document.referrer實(shí)現(xiàn)移動(dòng)端返回上一頁
本文主要介紹了document.referrer實(shí)現(xiàn)移動(dòng)端返回上一頁的方法,具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02js 利用image對象實(shí)現(xiàn)圖片的預(yù)加載提高訪問速度
我們來學(xué)習(xí)一種名為圖像預(yù)裝載(image preloading)的小技巧來提高圖像訪問速度,一些瀏覽器試圖通過在本地緩存中保存這些圖片來解決此問題,感興趣的朋友可以了解下2013-03-03JavaScript實(shí)現(xiàn)左側(cè)菜單效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)左側(cè)菜單效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12js控制當(dāng)再次點(diǎn)擊按鈕時(shí)的間隔時(shí)間
這篇文章主要介紹通過js如何控制當(dāng)再次點(diǎn)擊按鈕是的間隔時(shí)間,需要的朋友可以參考下2014-06-06js實(shí)現(xiàn)iframe自動(dòng)自適應(yīng)高度的方法
這篇文章主要介紹了js實(shí)現(xiàn)iframe自動(dòng)自適應(yīng)高度的方法,涉及javascript操作iframe框架的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02使用JavaScript實(shí)現(xiàn)圖片放大鏡功能
圖片放大鏡(Image?Zoom)效果在許多電子商務(wù)網(wǎng)站、在線畫廊和產(chǎn)品展示頁面中得到廣泛應(yīng)用,它允許用戶通過鼠標(biāo)懸停在圖片上,查看圖片的詳細(xì)局部放大效果,本文將詳細(xì)介紹如何使用?JavaScript?實(shí)現(xiàn)一個(gè)基本的圖片放大鏡功能,需要的朋友可以參考下2024-12-12