美文网首页小程序
你不知道的多维数组排序--JS篇

你不知道的多维数组排序--JS篇

作者: momo521 | 来源:发表于2017-07-28 14:26 被阅读9次

    本文为原创文章,如需转载请注明出处,谢谢!

    JS

    你有没有遇到过这样的数据排序呢?有时候需要按照价格排序,有时候需要按照库存排序。下面我就分享一下我的做法。

    function listSortBy(myArray,field,order){
    //冒泡排序
        if(myArray.length>0){
            for(var i=0; i<myArray.length; i++){
                //在这要注意myArray.length-i-1,意思是第一次从数组第一个值开始,第二次从第二个值开始.....
                for(var j=0; j<myArray.length-i-1; j++){
                    var str_i = myArray[j][field];
                    var str_j = myArray[j+1][field];
                    //判断值是否大于后面值,如果大于进行换位处理
                    if(order=='asc'){
                        if(parseFloat(str_i) > parseFloat(str_j)){
                            var tmp = myArray[j];
                            myArray[j] = myArray[j+1];
                            myArray[j+1] = tmp;
                        }
                    }else if(order=='desc'){
                        if(parseFloat(str_i) < parseFloat(str_j)){
                            var tmp = myArray[j];
                            myArray[j] = myArray[j+1];
                            myArray[j+1] = tmp;
                        }
                    }
                }
            }
        }
        return myArray;
    }
    var Arr = new Array();
    var Brr = new Array();
    Brr.price='10';
    Brr.count='111';
    Arr.push(Brr);
    var Brr = new Array();
    Brr.price='11';
    Brr.count='222';
    Arr.push(Brr);
    var Brr = new Array();
    Brr.price='9';
    Brr.count='333';
    Arr.push(Brr);
    console.log(listSortBy(Arr,'price',"asc"));
    0:[price: "10", count: "111"]
    1:[price: "11", count: "222"]
    2:[price: "9", count: "333"]
    console.log(listSortBy(Arr,'count',"asc"));
    0:[price: "10", count: "111"]
    1:[price: "11", count: "222"]
    2:[price: "9", count: "333"]
    

    希望可以帮到需要的你_


    时间是生命的原料,我们有多大的成就取决于怎样利用我们的时间。

    只愿我的分享能帮到你,不做知识学习的焦虑者,不做美好生活的践踏者。

    相关文章

      网友评论

        本文标题:你不知道的多维数组排序--JS篇

        本文链接:https://www.haomeiwen.com/subject/goaxlxtx.html