欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中Array.sort()利用零值多維排序

 更新時間:2023年05月19日 09:24:59   作者:JohnsonW  
本文主要介紹了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()實現(xiàn)原理:

1. 插入排序

insertionSort.gif

從左往右遍歷數(shù)組,每次將遍歷的項插入到前面的已經(jīng)排序好的有序數(shù)組中,通過構建有序序列,對于未排序數(shù)據(jù),在已排序序列中從后向前掃描,找到相應位置并插入。

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個值,和前面已排好的i-1個值進行比較
      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. 快速排序

quickSort.png

基本思想

  • 在數(shù)據(jù)集之中,選擇一個元素作為"基準"(pivot)。
  • 所有小于"基準"的元素,都移到"基準"的左邊;所有大于"基準"的元素,都移到"基準"的右邊。
  • 對"基準"左邊和右邊的兩個子集,不斷重復第一步和第二步,直到所有子集只剩下一個元素為止。

算法步驟

定義一個quickSort函數(shù)

  • 檢查數(shù)組的元素個數(shù),如果小于等于1,就返回。
  • 選擇"基準"(pivot),并將其與原數(shù)組分離,再定義兩個空數(shù)組,用來存放一左一右的兩個子集。
  • 開始遍歷數(shù)組,小于"基準"的元素放入左邊的子集,大于基準的元素放入右邊的子集。
  • 遞歸重復
const quickSort = function (callback) {
  let arr = this
  if (arr.length <= 1) { return arr; }
  // 獲取基準值得索引
  let pivotIndex = Math.floor(arr.length / 2);
  // 獲得索引值
  let pivot = arr.splice(pivotIndex, 1)[0];
  // 定義左右兩個空數(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()方法和實現(xiàn)機制

到此這篇關于js中Array.sort()利用零值多維排序的文章就介紹到這了,更多相關js Array.sort()多維排序內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • 微信小程序開發(fā)之toast等彈框提示使用教程

    微信小程序開發(fā)之toast等彈框提示使用教程

    彈框提示是我們在開發(fā)中經(jīng)常用的一個效果,下面這篇文章主要給大家介紹了微信小程序開發(fā)之toast等彈框提示實現(xiàn)的相關資料,文中介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友們下面來一起看看吧。
    2017-06-06
  • 微信小程序實現(xiàn)預覽圖片功能

    微信小程序實現(xiàn)預覽圖片功能

    這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)預覽圖片功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-11-11
  • js中document.referrer實現(xiàn)移動端返回上一頁

    js中document.referrer實現(xiàn)移動端返回上一頁

    本文主要介紹了document.referrer實現(xiàn)移動端返回上一頁的方法,具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • js 利用image對象實現(xiàn)圖片的預加載提高訪問速度

    js 利用image對象實現(xiàn)圖片的預加載提高訪問速度

    我們來學習一種名為圖像預裝載(image preloading)的小技巧來提高圖像訪問速度,一些瀏覽器試圖通過在本地緩存中保存這些圖片來解決此問題,感興趣的朋友可以了解下
    2013-03-03
  • JavaScript實現(xiàn)左側菜單效果

    JavaScript實現(xiàn)左側菜單效果

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)左側菜單效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-12-12
  • 瀏覽器緩存技術實現(xiàn)淺析

    瀏覽器緩存技術實現(xiàn)淺析

    這篇文章主要為大家介紹了瀏覽器緩存技術實現(xiàn)淺析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-05-05
  • js控制當再次點擊按鈕時的間隔時間

    js控制當再次點擊按鈕時的間隔時間

    這篇文章主要介紹通過js如何控制當再次點擊按鈕是的間隔時間,需要的朋友可以參考下
    2014-06-06
  • js返回頂部實例分享

    js返回頂部實例分享

    本文主要分享了js返回頂部的實例代碼。可復制直接運行,方便快捷。有很好的參考價值,需要的朋友一起來看下吧
    2016-12-12
  • js實現(xiàn)iframe自動自適應高度的方法

    js實現(xiàn)iframe自動自適應高度的方法

    這篇文章主要介紹了js實現(xiàn)iframe自動自適應高度的方法,涉及javascript操作iframe框架的技巧,非常具有實用價值,需要的朋友可以參考下
    2015-02-02
  • 使用JavaScript實現(xiàn)圖片放大鏡功能

    使用JavaScript實現(xiàn)圖片放大鏡功能

    圖片放大鏡(Image?Zoom)效果在許多電子商務網(wǎng)站、在線畫廊和產(chǎn)品展示頁面中得到廣泛應用,它允許用戶通過鼠標懸停在圖片上,查看圖片的詳細局部放大效果,本文將詳細介紹如何使用?JavaScript?實現(xiàn)一個基本的圖片放大鏡功能,需要的朋友可以參考下
    2024-12-12

最新評論