国产片侵犯亲女视频播放_亚洲精品二区_在线免费国产视频_欧美精品一区二区三区在线_少妇久久久_在线观看av不卡

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

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

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

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

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

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

引子

排序在編程中隨處可見,從開始學(xué)習(xí)變成,到項目開發(fā),基本上或多或少會遇到一些排序問題,接下來我要寫的是我在實際開發(fā)終于到的一個排序問題,一開始卡了我很久,后面隨著知識積累,實踐變多才解決掉了,不知道是不是我搜索關(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),每個數(shù)組元素由對象構(gòu)成,sonumber代表采購訂單編號,item代表物料,現(xiàn)需求是sonumber(采購訂單編號)從小到大排序,且基于相同的采購訂單下的物料數(shù)據(jù)編號需要從小到大排列。

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

解決思路:

先將sonumber按從小到大的順序整理成數(shù)組,然后以銷售訂單數(shù)組為外層循環(huán),實際數(shù)據(jù)為內(nèi)層循環(huán),引入一個中間數(shù)組,中間數(shù)組中的item從小到大排序,最后按順序?qū)⑺械闹虚g數(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中多層次排序算法的實現(xiàn)代碼

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

三層排序

實現(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;
   }

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

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

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

思考

從兩層排序到三層排序我們可以發(fā)現(xiàn)代碼原來越繁瑣,如果要實現(xiàn)四層就更加麻煩了,不知道是否有更好的辦法實現(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運動實現(xiàn)輪播圖

    原生JS運動實現(xiàn)輪播圖

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    js+html+css實現(xiàn)手動輪播和自動輪播

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

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

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

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

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

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

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

    LiOnTalKING12072021-12-18
主站蜘蛛池模板: 色视频在线免费观看 | 欧美日韩一级在线观看 | 中文字幕不卡一区 | 伊人一区二区三区 | 国产欧美日韩在线观看 | 亚洲日本韩国在线观看 | 久久小草 | 国产91视频在线观看 | 亚洲国产福利一区 | 精品亚洲永久免费精品 | 免费在线一区二区 | 成人影院一区二区 | 99久久毛片免费观看 | 91久久综合亚洲鲁鲁五月天 | 亚洲每日更新 | 99福利影院 | 日韩一区二区在线电影 | 亚洲欧美一区二区视频 | 久久天天躁狠狠躁夜夜躁2014 | 久久久久久久久久久蜜桃 | 国产成人一区二区三区 | 免费的黄色网 | 在线国产小视频 | 日日久 | 中文字幕综合 | 视频在线一区 | 欧美一级在线 | 亚洲国产精品美女 | 天堂免费在线 | 密桃在线视频 | 日韩小视频 | 91视视频在线观看入口直接观看 | 视频一区二区国产 | 国产精品高清在线观看 | 91在线日韩| 国产一区视频在线 | 成人午夜免费视频 | 欧美精品91 | 国产成人自拍视频在线 | 欧美片网站免费 | av在线中文 |