zoukankan      html  css  js  c++  java
  • 根据对象数组的某一属性排序

    今天做需求时候灵光一闪,想到了一个很简单的给对象数组排序的方法,敲黑板:此排序非普通大众排序

    需求描述:有一个对象数组,大概长这样:

    var barData = [{
                name: '税源e贷',
                value: '4532'
            },{
                name: '烟草e贷',
                value: '2312'
            },{
                name: '扫码e贷',
                value: '409'
            },{
                name: '诚e贷',
                value: '489'
            },{
                name: '超值e贷',
                value: '32'
            }]

    渲染页面时候呢,我们需要按照特定的顺序来取数据并渲染。

    假如是按照name属性来排序,并且顺序为:扫码e贷,诚e贷,税源e贷,超值e贷,烟草e贷;

    看到这里,小伙伴们脑海里第一反应一定是各种遍历方法。但是又稍稍有些杀鸡焉能用牛刀的感觉。

    那我们的代码就可以这样来写(补充:sortArr和barData数据是一一对应的,如果barData中有sortArr中没有的数据,需要根据需求处理indexOf返回的值):

    //首先定义一个排序数组
    const sortArr = [ '扫码e贷',  '诚e贷',  '税源e贷', '超值e贷', '烟草e贷'];
    //排序
     barData.sort(function(a,b){
            return sortArr.indexOf(a.name) - sortArr.indexOf(b.name);
     }); 

    /*发现一个bug,我竟然无法把光标移到这个代码框下面。。。。想要分享的就是上面这四行代码了,欢迎大神来指导并提出更好的建议*/
  • 相关阅读:
    tail命令语法
    正则表达式示例
    HTTP状态码对照表 HTTP response codes
    linux 源的配置更新
    shell基本语法
    谁偷走了程序员的时间??
    Spring Data JPA 简单查询-接口方法
    GET和POST两种基本请求方法的区别
    您是怎样度过人生的低潮期的
    树莓派中Docker部署.Net Core 3.1 (一)
  • 原文地址:https://www.cnblogs.com/solaZhan/p/9512246.html
Copyright © 2011-2022 走看看