一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務(wù)器之家:專注于服務(wù)器技術(shù)及軟件下載分享
分類導(dǎo)航

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

服務(wù)器之家 - 編程語言 - JavaScript - js教程 - JS中多層次排序算法的實(shí)現(xiàn)代碼

JS中多層次排序算法的實(shí)現(xiàn)代碼

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

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

引子

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

數(shù)據(jù)結(jié)構(gòu)和需求

?
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"
} ]

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

兩層排序?qū)崿F(xiàn)代碼

解決思路:

先將sonumber按從小到大的順序整理成數(shù)組,然后以銷售訂單數(shù)組為外層循環(huán),實(shí)際數(shù)據(jù)為內(nèi)層循環(huán),引入一個(gè)中間數(shù)組,中間數(shù)組中的item從小到大排序,最后按順序?qū)⑺械闹虚g數(shù)組元素放入新數(shù)組中。

實(shí)現(xiàn)代碼:

?
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成數(shù)組,并且從小到大排列
   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>

最終數(shù)組截圖:

JS中多層次排序算法的實(shí)現(xiàn)代碼

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

三層排序

實(shí)現(xiàn)代碼:

?
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成數(shù)組,并且從小到大排列
    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;
   }

實(shí)現(xiàn)結(jié)果 

JS中多層次排序算法的實(shí)現(xiàn)代碼

從結(jié)果可以看出實(shí)現(xiàn)了依次按照sonumber ,item ,amount 從小到大排列

思考

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

?
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"
} ]

總結(jié)

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

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

延伸 · 閱讀

精彩推薦
  • js教程原生JS運(yùn)動(dòng)實(shí)現(xiàn)輪播圖

    原生JS運(yùn)動(dòng)實(shí)現(xiàn)輪播圖

    這篇文章主要為大家詳細(xì)介紹了原生JS運(yùn)動(dòng)實(shí)現(xiàn)輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下...

    Bean_s9322021-12-24
  • js教程JavaScript實(shí)現(xiàn)通訊錄功能

    JavaScript實(shí)現(xiàn)通訊錄功能

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

    書寫夢想的鉛筆頭5602021-12-20
  • js教程微信小程序?qū)崿F(xiàn)購物車小功能

    微信小程序?qū)崿F(xiàn)購物車小功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)購物車小功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下...

    小王同學(xué)Max5412021-12-22
  • js教程一篇文章看懂JavaScript中的回調(diào)

    一篇文章看懂JavaScript中的回調(diào)

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

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

    詳解JavaScript中分解數(shù)字的三種方法

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

    Hunter網(wǎng)絡(luò)安全6042021-12-27
  • js教程js+html+css實(shí)現(xiàn)手動(dòng)輪播和自動(dòng)輪播

    js+html+css實(shí)現(xiàn)手動(dòng)輪播和自動(dòng)輪播

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

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

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

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

    遇見小美好12032021-12-15
  • js教程Javascript 模擬mvc實(shí)現(xiàn)點(diǎn)餐程序案例詳解

    Javascript 模擬mvc實(shí)現(xiàn)點(diǎn)餐程序案例詳解

    這篇文章主要介紹了Javascript 模擬mvc實(shí)現(xiàn)點(diǎn)餐程序案例詳解,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參...

    LiOnTalKING12072021-12-18
主站蜘蛛池模板: 小辣椒精品福利视频导航 | 星空无限传媒视频在线观看视频 | 国产午夜亚洲精品一区网站 | caoporn草棚在线视频 | 久久精品123 | 欧美精品一国产成人性影视 | 国产精品制服丝袜白丝www | 日韩高清在线高清免费 | 护士xxxx| tiny4k欧美极品在线 | 免费99精品国产自在现线 | 精品国产免费第一区二区 | 免费观看韩剧网站在线观看 | 国产精品天天影视久久综合网 | 把女的下面扒开添视频 | 女人爽到喷水的视频免费 | 黄漫免费观看 | 日韩高清成人毛片不卡 | 99re在线视频观看 | 国产caonila在线观看 | 亚洲国产香蕉视频欧美 | 大陆国产精品视频 | 美女精品永久福利在线 | 国产自拍专区 | www四虎| 国产免费久久精品44 | 国产精品网页 | 国产精品边做边接电话在线观看 | 火影小南被爆羞羞网站进入 | 女医学护士一级毛片 | ckinese中国男同gay男男 | 国产精品suv| 香蕉国产成版人视频在线观看 | 国产亚洲精品网站 | 边吃胸边膜下刺激免费男对女 | 黑人好大好硬好深好爽想要h | 欧美一级高清片免费一级 | 亚洲欧美日韩成人 | 俄罗斯海滩厕所偷窥 | 2022日韩理论片在线观看 | 亚洲精品AV无码永久无码 |