sortBy（逆序排序）的使用

核心代码：
根据status，upload_time逆序排列，优先级status>upload_time

this.list= sortBy(this.list, [‘status’,‘upload_time’]).reverse()

index.vue

<script>
import { sortBy } from 'lodash'
export default {data () {return {list: [{upload_time: "2021-08-03 12:00:02",name: "xxx1",status: 0},{upload_time: "2021-08-03 12:00:02",name: "xxx2",status: 1},{upload_time: "2021-08-03 12:00:02",name: "xxx3",status: 0},{upload_time: "2016-05-02 14:00:02",name: "xxx4",status: 1}]}},// 过滤器，对status为0的显示正常，否则显示异常。filters: {getWarningState: (value) => {return value === 0 ? "正常" : "异常";}},mounted(){console.log(this.list)this.list= sortBy(this.list, ['status','upload_time']).reverse()console.log(this.list)}
}
</script>

如果传过来的status是字符串true/false，“false"代表异常，那么比较"false”<“true”
此时我们先把时间逆序排好，然后正序排列status字段。

this.list = sortBy(sortBy(this.list, ['upload_time']).reverse(), 'status')

扩展：
查资料发现还有以下几种方式排序

this.list.sortByOrder(this.list, [‘status’,‘upload_time’], [false, false]) // lodash版本3.5.0

this.list.sortByOrder(this.list, [‘status’,‘upload_time’], [‘asc’, ‘desc’]) // lodash版本3.10.0

this.list.orderBy(this.list, [‘status’,‘upload_time’], [‘asc’, ‘desc’]) // lodash版本4.3.0重定义

this.list.sort(function(a, b) {
return a.status- b.status// desc
|| +(b.upload_time>a.upload_time)||-(a.upload_time>b.upload_time) // desc
|| …;
})

this.list.each(this.list, function(o) {
o.typeDesc = -o.status;
});

this.list.chain().sort(“upload_time”).reverse() // sort by upload_time 降序
.sort(“status”) // sort by status 升序
.result()

下列是个排序的组件template里的，可以忽略。我给自己看的。

<el-dropdown @command="onSortChange"><div class="sort-type"><span class="sort-text" :title="sorts[sort]">{{ sorts[sort] }}</span><i class="el-icon-arrow-down arrow-icon"></i></div><el-dropdown-menu slot="dropdown"><el-dropdown-itemv-for="(value, key) in sorts":key="key":command="key">{{ value }}</el-dropdown-item></el-dropdown-menu></el-dropdown>---------------------------------------------------------------------sort: 'status',sorts: {status: '按异常状态排序',upload_time: '按上传时间排序'}onSortChange (val) {this.sort = val}
---------------------------------------------------------------------.sort-type {display: inline-block;color: #bcc9d4;line-height: 30px;cursor: pointer;font-size: 14px;min-width: 100px;.arrow-icon {font-size: 14px;margin-left: 4px;}&:hover {color: #2681ff;}}

sortBy（逆序排序）的使用相关推荐

Java实验——定义一个类，该类中包含以下几个方法（静态）：实现两个字符串数组的逆序排序，输出结果为字符串数组；求两个整形数组的交集；求两个浮点型数组的并集；
目录一.实现两个字符串数组的逆序排序,输出结果为字符串数组解题思路: 具体代码: 运行截图: 二.求两个整形数组的交集具体代码: 运行截图: 三.求两个浮点型数组的并集解题思路: 具体代码: ...
Java 正序、逆序排序
Java 如何正序.逆序排序? 这里的知识点包括: Collections.sort() 方法提供集合类正序排序. Collections,reverse() 方法可以将排序好的集合类进行逆序. 如果 ...
python二维数组矩形倒置排序_python二维数组按某行某列顺序、逆序排序
List 1.一维数组 2.二维数组无论是一维数组还是二维数组都能通过 list 自带的 sort() 函数进行更新,或者直接调用sorted()方法即可. import numpy as np a ...
列表逆序排序_Python零基础入门学习05：容器数据类型：列表和元组
注:本文所有代码均经过Python 3.7实际运行检验,保证其严谨性. Python的数据收纳盒数据收纳盒收纳数据对象的数据类型,以一种规则的下标索引方式访问到每个数据,是一种序列(sequenc ...
列表逆序排序_【Python自学笔记】集合——列表
list列表类型是一个与元组tuple类似的有序序列.构造函数是list() 切片 # 切片 fruit = ["Apple", "Hawthorn", &qu ...
Java怎么顺序或逆序排序数组
对数组进行顺序排序可使用Arrays类的sort( int[ ] a) 方法 Arrays.sort(a, cmp); 对数组进行倒序排序使用实现Comparator接口: 排序时,只需要在sor ...
java对arrayList按数字大小逆序排序
介绍对集合排序要用Collections.sort方法,由于默认它是按从小到大的排序的,如果我们需要逆序的,那么就需要实现Comparator接口的compare方法来完成自定义排序. 需要注意Co ...
mysql 逆序排序_将一组乱序的字符进行排序进行升序和逆序输出
[填空题]交流电的值等于与其相同的直流电的数值. [简答题]课本p78实训4,上传语句和运行结果.请直接贴文本或截图,不要用附件的形式提交. [单选题]对称三相电源接星型对称负载,若线电压有效值为 ...
微信小程序——按时间逆序排序
效果图: 点击后: .wxml : <button bindtap="mySort" data-property="time">根据日期排序< ...

sortBy（逆序排序）的使用

sortBy（逆序排序）的使用相关推荐

最新文章

热门文章