激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務器之家 - 編程語言 - JavaScript - js教程 - JS中多層次排序算法的實現代碼

JS中多層次排序算法的實現代碼

2021-12-27 16:11桂花載酒少年游 js教程

這篇文章主要給大家介紹了關于JS中多層次排序算法的實現代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

引子

排序在編程中隨處可見,從開始學習變成,到項目開發,基本上或多或少會遇到一些排序問題,接下來我要寫的是我在實際開發終于到的一個排序問題,一開始卡了我很久,后面隨著知識積累,實踐變多才解決掉了,不知道是不是我搜索關鍵字不對,還是其他原因,百度也沒有找到這方面的內容。

數據結構和需求

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var arr = [ {
"sonumber" : "52085848",
"item" : "313281",
"amount" : "3"
}, {
"sonumber" : "52085846",
"item" : "313321",
"amount" : "10"
}, {
"sonumber" : "52085848",
"item" : "313330",
"amount" : "5"
}, {
"sonumber" : "52085846",
"item" : "313321",
"amount" : "4"
}, {
"sonumber" : "52085843",
"item" : "313338",
"amount" : "13"
}, {
"sonumber" : "52085843",
"item" : "422784",
"amount" : "108"
} ]

數據結構如上,數組結構,每個數組元素由對象構成,sonumber代表采購訂單編號,item代表物料,現需求是sonumber(采購訂單編號)從小到大排序,且基于相同的采購訂單下的物料數據編號需要從小到大排列。

兩層排序實現代碼

解決思路:

先將sonumber按從小到大的順序整理成數組,然后以銷售訂單數組為外層循環,實際數據為內層循環,引入一個中間數組,中間數組中的item從小到大排序,最后按順序將所有的中間數組元素放入新數組中。

實現代碼:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/**
   * 兩層排序算法
   */
  function multilayersorting() {
   var arr = [ {
    "sonumber" : "52085848",
    "item" : "313281",
    "amount" : "3"
   }, {
    "sonumber" : "52085846",
    "item" : "313321",
    "amount" : "10"
   }, {
    "sonumber" : "52085848",
    "item" : "313330",
    "amount" : "5"
   }, {
    "sonumber" : "52085846",
    "item" : "313321",
    "amount" : "4"
   }, {
    "sonumber" : "52085843",
    "item" : "313338",
    "amount" : "13"
   }, {
    "sonumber" : "52085843",
    "item" : "422784",
    "amount" : "108"
   } ]
   // 整理sonumber成數組,并且從小到大排列
   var sodata = getsodata(arr);
   var newdata = [];
   for ( var i in sodata) {
    var middata = []
    for ( var j in arr) {
     if (sodata[i] == arr[j].sonumber) {
      middata.push(arr[j]);
     }
    }
    middata = middata.sort(function(obj1, obj2) {
     var val1 = number(obj1.item);
     var val2 = number(obj2.item);
     if (val1 < val2) {
      return -1;
     } else if (val1 > val2) {
      return 1;
     } else {
      return 0;
     }
    });
    log.debug('middata', middata);
    for ( var m in middata) {
     newdata.push(middata[m]);
    }
   }
   log.debug('newdata', newdata);
   return newdata;
  }
  function getsodata(arr) {
   var sodata = [];
   for ( var i in arr) {
    if (sodata.indexof(arr[i].sonumber) == -1) {
     sodata.push(arr[i].sonumber);
    }
   }
   sodata.sort();
   log.debug('sodata', sodata);
   return sodata;
  }<br>

最終數組截圖:

JS中多層次排序算法的實現代碼

對比一開始的數組和排序后的數組確實實現了按照sonumber和item兩個部分順序排列,但是也可以看到圈出來的部分的amount金額在相同的sonumber和item下并沒有順序,如果要實現amount部也有序呢?

三層排序

實現代碼:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/**
    * 三層排序算法
    */
   function multilayersorting() {
    var arr = [ {
     "sonumber" : "52085848",
     "item" : "313281",
     "amount" : "3"
    }, {
     "sonumber" : "52085846",
     "item" : "313321",
     "amount" : "10"
    }, {
     "sonumber" : "52085848",
     "item" : "313330",
     "amount" : "5"
    }, {
     "sonumber" : "52085846",
     "item" : "313321",
     "amount" : "4"
    }, {
     "sonumber" : "52085843",
     "item" : "313338",
     "amount" : "13"
    }, {
     "sonumber" : "52085843",
     "item" : "422784",
     "amount" : "108"
    } ]
    // 整理sonumber成數組,并且從小到大排列
    var sodata = getsodata(arr);
    var newdata = [];
    for ( var i in sodata) {
     var middata = []
     for ( var j in arr) {
      if (sodata[i] == arr[j].sonumber) {
       middata.push(arr[j]);
      }
     }
     middata = middata.sort(function(obj1, obj2) {
      var val1 = number(obj1.item);
      var val2 = number(obj2.item);
      if (val1 < val2) {
       return -1;
      } else if (val1 > val2) {
       return 1;
      } else {
       return 0;
      }
     });
     var itemdata = []
     for ( var m in middata) {
      if (itemdata.indexof(middata[m].item) == -1) {
       itemdata.push(middata[m].item)
      }
     }
     for ( var n in itemdata) {
      var middata1 = [];
      for ( var x in middata) {
       if (middata[x].item == itemdata[n]) {
        middata1.push(middata[x]);
       }
      }
      middata1 = middata1.sort(function(obj1, obj2) {
       var val1 = number(obj1.amount);
       var val2 = number(obj2.amount);
       if (val1 < val2) {
        return -1;
       } else if (val1 > val2) {
        return 1;
       } else {
        return 0;
       }
      });
      for ( var y in middata1) {
       newdata.push(middata1[y]);
      }
     }
    }
    log.debug('newdata', newdata);
    return newdata;
   }
   function getsodata(arr) {
    var sodata = [];
    for ( var i in arr) {
     if (sodata.indexof(arr[i].sonumber) == -1) {
      sodata.push(arr[i].sonumber);
     }
    }
    sodata.sort();
    log.debug('sodata', sodata);
    return sodata;
   }

實現結果 

JS中多層次排序算法的實現代碼

從結果可以看出實現了依次按照sonumber ,item ,amount 從小到大排列

思考

從兩層排序到三層排序我們可以發現代碼原來越繁瑣,如果要實現四層就更加麻煩了,不知道是否有更好的辦法實現這種多維度,多層次的排序。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var arr = [ {
"sonumber" : "52085848",
"item" : "313281",
"amount" : "3"
}, {
"sonumber" : "52085846",
"item" : "313321",
"amount" : "10"
}, {
"sonumber" : "52085848",
"item" : "313330",
"amount" : "5"
}, {
"sonumber" : "52085846",
"item" : "313321",
"amount" : "4"
}, {
"sonumber" : "52085843",
"item" : "313338",
"amount" : "13"
}, {
"sonumber" : "52085843",
"item" : "422784",
"amount" : "108"
} ]

總結

到此這篇關于js中多層次排序算法的文章就介紹到這了,更多相關js多層次排序算法內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家!

原文鏈接:https://www.cnblogs.com/xyf-blog/p/14241025.html

延伸 · 閱讀

精彩推薦
  • js教程原生JS運動實現輪播圖

    原生JS運動實現輪播圖

    這篇文章主要為大家詳細介紹了原生JS運動實現輪播圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    Bean_s9322021-12-24
  • js教程JavaScript實現通訊錄功能

    JavaScript實現通訊錄功能

    這篇文章主要為大家詳細介紹了JavaScript實現通訊錄功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    書寫夢想的鉛筆頭5602021-12-20
  • js教程微信小程序實現購物車小功能

    微信小程序實現購物車小功能

    這篇文章主要為大家詳細介紹了微信小程序實現購物車小功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    小王同學Max5412021-12-22
  • js教程一篇文章看懂JavaScript中的回調

    一篇文章看懂JavaScript中的回調

    這篇文章主要給大家介紹了如何通過一篇文章看懂JavaScript中的回調,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,...

    瘋狂的技術宅4732021-12-27
  • js教程詳解JavaScript中分解數字的三種方法

    詳解JavaScript中分解數字的三種方法

    這篇文章主要介紹了在JavaScript中分解數字的三種方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下...

    Hunter網絡安全6042021-12-27
  • js教程js+html+css實現手動輪播和自動輪播

    js+html+css實現手動輪播和自動輪播

    這篇文章主要為大家詳細介紹了js+html+css實現手動輪播和自動輪播效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考...

    南柯Seven9192021-12-22
  • js教程微信小程序自定義modal彈窗組件的方法詳解

    微信小程序自定義modal彈窗組件的方法詳解

    這篇文章主要給大家介紹了關于微信小程序自定義modal彈窗組件的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學...

    遇見小美好12032021-12-15
  • js教程Javascript 模擬mvc實現點餐程序案例詳解

    Javascript 模擬mvc實現點餐程序案例詳解

    這篇文章主要介紹了Javascript 模擬mvc實現點餐程序案例詳解,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參...

    LiOnTalKING12072021-12-18
主站蜘蛛池模板: 91短视频在线观看视频 | 亚洲一区久久 | 成人视屏在线 | 久久亚洲一区二区三区成人国产 | 欧美黄色小视频 | 国产一级毛片a | 日韩精品一区二区三区中文 | 在线播放一区二区三区 | 黑人日比 | 草久在线观看视频 | 最新中文字幕日本 | 涩涩伊人| 五月婷六月丁香狠狠躁狠狠爱 | 欧美天堂一区 | 国产精品久久久网站 | 欧美黄 片免费观看 | 99精品电影| 精品一区二区三区在线播放 | 丰满年轻岳中文字幕一区二区 | 亚洲码无人客一区二区三区 | 国产在线精品91 | 免费国产自久久久久三四区久久 | 国产精品av久久久久久久久久 | 午夜久久久精品一区二区三区 | 免费观看一区二区三区 | 久久影院国产精品 | 国产一区不卡 | 91精品国产91久久久久久丝袜 | 欧洲狠狠鲁 | 亚洲一区成人在线观看 | 在线观看国产网站 | 成人免费激情视频 | 国产精品视频久久久 | 99精品视频在线导航 | 一级一片免费看 | 亚洲成人黄色片 | 有色视频在线观看 | 精品国产91久久久久久久 | 在线观看中文字幕av | 色就色 综合偷拍区91网 | av视在线 |