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ù)組中,通過(guò)構(gòu)建有序序列,對(duì)于未排序數(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)"的右邊。
- 對(duì)"基準(zhǔn)"左邊和右邊的兩個(gè)子集,不斷重復(fù)第一步和第二步,直到所有子集只剩下一個(gè)元素為止。
算法步驟
定義一個(gè)quickSort函數(shù)
- 檢查數(shù)組的元素個(gè)數(shù),如果小于等于1,就返回。
- 選擇"基準(zhǔn)"(pivot),并將其與原數(shù)組分離,再定義兩個(gè)空數(shù)組,用來(lái)存放一左一右的兩個(gè)子集。
- 開(kāi)始遍歷數(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ù)組長(zhǎng)度小于等于 10 的用插入排序InsertionSort,比10大的數(shù)組則使用快速排序 QuickSort
參考文檔: Array.sort()方法和實(shí)現(xiàn)機(jī)制
到此這篇關(guān)于js中Array.sort()利用零值多維排序的文章就介紹到這了,更多相關(guān)js Array.sort()多維排序內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS+CSS實(shí)現(xiàn)仿雅虎另類(lèi)滑動(dòng)門(mén)切換效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)仿雅虎另類(lèi)滑動(dòng)門(mén)切換效果,涉及JavaScript響應(yīng)鼠標(biāo)事件及針對(duì)頁(yè)面元素的嵌套循環(huán)遍歷技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
基于cssSlidy.js插件實(shí)現(xiàn)響應(yīng)式手機(jī)圖片輪播效果
cssSlidy是一款支持手機(jī)移動(dòng)端的焦點(diǎn)圖輪播插件,支持標(biāo)題設(shè)置,滑動(dòng)動(dòng)畫(huà),間隔時(shí)間等。這篇文章主要基于cssSlidy.js插件實(shí)現(xiàn)響應(yīng)式手機(jī)圖片輪播效果,2016-08-08
JavaScript加強(qiáng)之自定義callback示例
callback回調(diào)函數(shù)在本文以自定義的方式出現(xiàn),感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-09-09
JS鼠標(biāo)滑過(guò)圖片時(shí)切換圖片實(shí)現(xiàn)思路
在瀏覽網(wǎng)頁(yè)時(shí)會(huì)看到這樣的效果:當(dāng)鼠標(biāo)滑過(guò)一張圖片后,這張圖片切換為了另外的一張圖片,下面為大家介紹下具體是如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過(guò)2013-09-09
JS隨機(jī)生成不重復(fù)數(shù)據(jù)的實(shí)例方法
這篇文章介紹了JS隨機(jī)生成不重復(fù)數(shù)據(jù)的實(shí)例方法,有需要的朋友可以參考一下2013-07-07
淺談javascript中this在事件中的應(yīng)用
這篇文章主要介紹了淺談javascript中this在事件中的應(yīng)用實(shí)例,非常有助于我們對(duì)this關(guān)鍵字的理解,這里推薦給大家。2015-02-02
js中net::ERR_FILE_NOT_FOUND報(bào)錯(cuò)的解決
本文主要介紹了js中net::ERR_FILE_NOT_FOUND報(bào)錯(cuò)的解決,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
function, new function, new Function之間的區(qū)別
function, new function, new Function之間的區(qū)別...2007-03-03
js實(shí)現(xiàn)字符全排列算法的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)字符全排列算法的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05

