根据对象数组的某一属性排序

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

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

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，我竟然无法把光标移到这个代码框下面。。。。想要分享的就是上面这四行代码了，欢迎大神来指导并提出更好的建议*/