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

JavaScript數(shù)組排序的六種常見算法總結(jié)

 更新時間:2020年08月18日 10:08:14   作者:王佳斌  
這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組排序的六種常見算法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者使用JavaScript數(shù)組具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧

前言

著急用的話,選擇前兩個就行了,后面的看看就好。

開發(fā)中,遇到數(shù)組排序的需求很頻繁,這篇文章會介紹幾個常見排序思路。

一、希爾排序(性能最好)

如果要從大到小排列,則 while(arr[n] > arr[n - interval] && n > 0) 。

// 希爾排序算法
function xier(arr){
 var interval = parseInt(arr.length / 2);//分組間隔設(shè)置
 while(interval > 0){
  for(var i = 0 ; i < arr.length ; i ++){
   var n = i;
   while(arr[n] < arr[n - interval] && n > 0){
    var temp = arr[n];
    arr[n] = arr[n - interval];
    arr[n - interval] = temp;
    n = n - interval;
   }
  }
  interval = parseInt(interval / 2);
 }
 return arr;
}

// Array
var arr = [10, 20, 40, 60, 60, 0, 30]

// 打印排序后的數(shù)組
console.log(xier(arr))//[0, 10, 20, 30, 40, 60, 60]

二、sort排序(普通數(shù)組 / 數(shù)組嵌套對象)

一堆數(shù)組排序

// Array
var arr = [10, 20, 40, 60, 60, 0, 30]

// 排序方法
arr.sort(function(a,b){

 /*
 * return b-a; —> 降序排序
 * return a-b; —> 升序排列
 */
 return a-b;
})//括號里不寫回調(diào)函數(shù)則默認(rèn)按照字母逐位升序排列

// 打印排序后的數(shù)組
console.log(arr)//[0, 10, 20, 30, 40, 60, 60]

對象數(shù)組排序(數(shù)組套對象)

//對象數(shù)組排序
var arr = [
 {name:'syy', age:0},
 {name:'wxy', age:18},
 {name:'slj', age:8},
 {name:'wj', age:20}
];

// 排序方法
function compare(property) {//property:根據(jù)什么屬性排序
 return function(a,b){
  var value1 = a[property];
  var value2 = b[property];
  /*
  * value2 - value1; ——> 降序
  * value1 - value2; ——> 升序
  */
  return value1 - value2;//升序排序
 }
}

// 打印排序后的數(shù)組
console.log(arr.sort(compare('age')))
/*
0: {name: "syy", age: 0}
1: {name: "slj", age: 8}
2: {name: "wxy", age: 18}
3: {name: "wj", age: 20}
*/

三、桶排序

特點:簡單,但非常浪費內(nèi)存,幾乎不用。

桶中出現(xiàn)的數(shù)組元素都做個標(biāo)記 1,然后將桶數(shù)組中有 1 標(biāo)記的元素依次打印。

// Array
var arr = []

// 每個數(shù)組項做標(biāo)記(1)
for(let i = 0; i < arr.length; i++) {
 let key = arr[i]
 arr[key] = 1
}

// 遍歷打印出每項
for(let j in arr) {
 debugger
 console.log(j)
}

四、冒泡排序

性能:一般(需要每項進行比較)。

每一趟找出最大的值。

// Array
var arr = [10, 20, 40, 60, 60, 0, 30]

/*
* 總共比較次數(shù)為arr.length-1次
* 每次的比較次數(shù)為arr.length-1次
* 依次遞減
*/
var temp;//交換變量標(biāo)識

// 兩層for分別表示當(dāng)前項與第二項
for(let i = 0; i < arr.length - 1; i++) {
 for(let j = 0; j < arr.length - 1; j++) {

  // 如果當(dāng)前項大于第二項(后一項)則交換
  if(arr[j] > arr[j+1]) {
   temp = arr[j]
   arr[j] = arr[j+1];
   arr[j+1] = temp;
  }
 }
}

// 打印排序后的數(shù)組
console.log(arr)//[0, 10, 20, 30, 40, 60, 60]

五、選擇排序

性能:一般(需要每項進行比較)。

假定某個位置的值是最小值,與冒泡排序類似。

// Array
var arr = [10, 20, 40, 60, 60, 0, 30]


var temp;//交換變量標(biāo)識

// 兩層for分別表示當(dāng)前項與第二項
for(let i = 0; i < arr.length - 1; i++) {
 for(let j = i + 1; j < arr.length; j++) {

  // 假設(shè)第二項是最小值(是則交換/否則繼續(xù)比較)
  if(arr[i] > arr[j]) {
   temp = arr[i];
   arr[i] = arr[j];
   arr[j] = temp;
  }
 }
}

// 打印排序后的數(shù)組
console.log(arr)//[0, 10, 20, 30, 40, 60, 60]

六、插入排序

// Array
var arr = [10, 20, 40, 60, 60, 0, 30]

// 排序算法
for(var i = 0; i < arr.length; i++) {
 var n = i;
 while(arr[n] > arr[n+1] && n >= 0) {
 	 var temp = arr[n];
	 arr[n] = arr[n+1];
 	 arr[n+1] = temp;
	 n--;
 }
}

// 打印排序后的數(shù)組
console.log(arr)//[0, 10, 20, 30, 40, 60, 60]

總結(jié)

到此這篇關(guān)于JavaScript數(shù)組排序的六種常見算法總結(jié)的文章就介紹到這了,更多相關(guān)JavaScript數(shù)組排序常見算法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JS實用的動畫彈出層效果實例

    JS實用的動畫彈出層效果實例

    這篇文章主要介紹了JS實用的動畫彈出層效果,實例分析了javascript實現(xiàn)動畫效果彈出層的方法,非常具有實用價值,需要的朋友可以參考下
    2015-05-05
  • uniapp中全局頁面掛載組件實戰(zhàn)過程(小程序)

    uniapp中全局頁面掛載組件實戰(zhàn)過程(小程序)

    這篇文章主要給大家介紹了關(guān)于uniapp中全局頁面掛載組件(小程序)的相關(guān)資料,文中通過實例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用uniapp具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2022-12-12
  • 三種在ES6中將非數(shù)組轉(zhuǎn)換為數(shù)組的方法詳情

    三種在ES6中將非數(shù)組轉(zhuǎn)換為數(shù)組的方法詳情

    這篇文章主要介紹了三種在ES6中將非數(shù)組轉(zhuǎn)換為數(shù)組的方法詳情,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的朋友可以參考一下
    2022-08-08
  • 微信小程序?qū)崿F(xiàn)手寫簽名的示例代碼

    微信小程序?qū)崿F(xiàn)手寫簽名的示例代碼

    這篇文章主要和大家分享一個微信小程序的示例代碼,可以實現(xiàn)手寫簽名的效果。文中的示例代碼講解詳細,感興趣的小伙伴可以了解一下
    2022-02-02
  • js實現(xiàn)base64文件的處理以及下載方法

    js實現(xiàn)base64文件的處理以及下載方法

    Base64是一種將二進制數(shù)據(jù)編碼為ASCII字符的編碼方式,這篇文章主要給大家介紹了關(guān)于js實現(xiàn)base64文件的處理以及下載的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2024-07-07
  • bootstrap可編輯下拉框jquery.editable-select

    bootstrap可編輯下拉框jquery.editable-select

    這篇文章主要介紹了bootstrap可編輯下拉框jquery.editable-select的相關(guān)資料,需要的朋友可以參考下
    2017-10-10
  • JavaScript動態(tài)操作select下拉框

    JavaScript動態(tài)操作select下拉框

    這篇文章介紹了JavaScript動態(tài)操作select下拉框的方法,文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-04-04
  • 小程序顯示彈窗時禁止下層的內(nèi)容滾動實現(xiàn)方法

    小程序顯示彈窗時禁止下層的內(nèi)容滾動實現(xiàn)方法

    這篇文章主要介紹了小程序顯示彈窗時禁止下層的內(nèi)容滾動實現(xiàn)方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-03-03
  • Bootstrap3學(xué)習(xí)筆記(二)之排版

    Bootstrap3學(xué)習(xí)筆記(二)之排版

    這篇文章主要介紹了Bootstrap3學(xué)習(xí)筆記(二)之排版的相關(guān)資料,非常具有參考價值,特此分享腳本之家平臺,供大家參考
    2016-05-05
  • JS數(shù)組方法reduce的用法實例分析

    JS數(shù)組方法reduce的用法實例分析

    這篇文章主要介紹了JS數(shù)組方法reduce的用法,結(jié)合實例形式詳細分析了JS數(shù)組方法reduce的基本功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下
    2020-03-03

最新評論