快捷導(dǎo)航

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

更新時(shí)間：2020年08月18日 10:08:14 作者：王佳斌

這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組排序的六種常見(jiàn)算法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用JavaScript數(shù)組具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

著急用的話，選擇前兩個(gè)就行了，后面的看看就好。

開(kāi)發(fā)中，遇到數(shù)組排序的需求很頻繁，這篇文章會(huì)介紹幾個(gè)常見(jiàn)排序思路。

一、希爾排序（性能最好）

如果要從大到小排列，則 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ù)組嵌套對(duì)象）

一堆數(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;
})//括號(hào)里不寫(xiě)回調(diào)函數(shù)則默認(rèn)按照字母逐位升序排列

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

對(duì)象數(shù)組排序（數(shù)組套對(duì)象）

//對(duì)象數(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}
*/

三、桶排序

特點(diǎn)：簡(jiǎn)單，但非常浪費(fèi)內(nèi)存，幾乎不用。

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

// Array
var arr = []

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

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

四、冒泡排序

性能：一般（需要每項(xiàng)進(jìn)行比較）。

每一趟找出最大的值。

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

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

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

  // 如果當(dāng)前項(xiàng)大于第二項(xiàng)(后一項(xià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]

五、選擇排序

性能：一般（需要每項(xiàng)進(jìn)行比較）。

假定某個(gè)位置的值是最小值，與冒泡排序類似。

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


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

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

  // 假設(shè)第二項(xiàng)是最小值(是則交換/否則繼續(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àn)算法總結(jié)的文章就介紹到這了,更多相關(guān)JavaScript數(shù)組排序常見(jiàn)算法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: