angular8实现对象数组根据某个属性排序(多个也可以)

代码中col是传进来的对象的属性名

toLowerCase()将字符串转换为小写。

arrayInfos是数组,存储的是对象

这里我是配上一个上下切换的箭头使用的,点击切换上下方向并且排序

sort方法排序操作的是原始数组

如果在属性相等的情况下,想根据另外字段排序就传入两个参数多写个if(c == d) {if(e>f) return -1}

<th width="10%" (click)="sort('type')">类型
<span *ngIf="checked">&nbsp;</span>
<span *ngIf="!checked">&nbsp;</span>
</th>
checked:boolean = true;
sort(col:string){if (this.checked) {this.arrayInfos.sort(this.sortByDesc(col));}else {this.arrayInfos.sort(this.sortByAsc(col));}this.checked= !this.checked;}
sortByDesc(col:string) { //降序console.log(col+"降序");return function(a, b){var c = a[col].toLowerCase();var d = b[col].toLowerCase();if (c < d){return -1;}}}
sortByAsc(col:string) { //升序console.log(col+"升序");return function(a, b){var c = a[col].toLowerCase();var d = b[col].toLowerCase();if (c > d){return -1;}}}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/437496.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【转】刨根究底字符编码之一——关键术语解释(上)

声明&#xff1a;本系列文章参考了网上的大量资料&#xff0c;除了少部分资料由于未作大量修改(但基本也有少量修改&#xff0c;因为网上文章随意性较大&#xff0c;如若不改反而让人迷糊)而标明了出处之外&#xff0c;其余由于已作了大量改写&#xff0c;因此没有再一一说明&a…

angular8多选框实现点击整行任意位置<tr>就可以选中多选框

代码&#xff1a; <tr *ngFor"let d of EnergyUseInfos" (click)"selectEnergyUses(d)"><td style"text-align: left"><input type"checkbox" style"margin: auto" name"{{d}}" [(ngModel)]"…

【转】刨根究底字符编码之零——前言

前言 一、 字符编码是计算机世界里最基础、最重要的一个主题之一。不过&#xff0c;在计算机教材中却往往浮光掠影般地草草带过&#xff0c;甚至连一本专门进行深入介绍的著作都找不到&#xff08;对这一点我一直很困惑&#xff0c;为什么就没有哪位大牛对这个如此基础、重要…

JAVA使用ByteArrayOutputStream、ByteArrayInputStream将对象序列化反序列化,通过JAVA socket实现对象在网络中传输

1.序列化和反序列化&#xff1a; 序列化是对象(类的实例)转换成字节数组或者字符串通过网络传输或者存储到本地文件。反序列化&#xff1a;就是将字节数组或字符串在转换成对象实例的过程。&#xff08;因为在网络中传输或者写本地文件&#xff0c;是不能使用对象的&#xff0…

【转】刨根究底字符编码之二——关键术语解释(下)

关键术语解释(下) 如前所述&#xff0c;现代字符编码模型共分为5层&#xff0c;下面分层进行简要介绍。 一、第1层 抽象字符表ACR (Abstract Character Repertoire抽象字符清单)&#xff1a;明确字符的范围(即确定支持哪些字符) 1. 抽象字符表ACR是一个编码系统支持的所有抽…

正则表达式来判断Sql语句中Select到from之间使用了*而不是字段名

正则&#xff1a;这里大小写转换用的java的toLowerCase()方法&#xff0c;或者自己改一改正则也可以。 \bselect\b((?!\bfrom\b).)*?\*.*?\bfrom\b主要就是用来判断select到from之间是不是用了*而不是使用字段名来进行查询&#xff0c;以此来规范Sql语句&#xff01; publ…

【转】刨根究底字符编码之三——字符编码的由来

字符编码的由来 一、为什么需要对字符进行编码 1. 计算机一开始发明出来时是用来解决数字计算问题的&#xff0c;后来人们发现&#xff0c;计算机还可以做更多的事&#xff0c;例如文本处理。 但计算机其实挺“笨”的&#xff0c;它只“认识”010110111000…这样由0和1两个数…

SpringMVC配置没问题却却找不到页面,页面显示404

在Artifacts下此工程下新建一个lib文件夹&#xff0c;存放jar包&#xff0c;因为idea新建modules的时候不是直接创建的web项目&#xff1a; 选中lib点加号把jar导入进去&#xff0c;然后重启tomcat

【转】刨根究底字符编码之四——EASCII及ISO 8859字符编码方案

1. 计算机出现之后&#xff0c;首先逐渐从美国发展到了欧洲。由于欧洲很多国家所用到的字符中&#xff0c;除了基本的、美国也用的那128个ASCII字符之外&#xff0c;还有很多衍生的拉丁字母等字符。比如&#xff0c;在法语中&#xff0c;字母上方有注音符号&#xff1b;而欧洲…

tomcat乱码问题解决

tomcat安装目录下conf文件夹下的logging.properties文件&#xff0c;将java.util.logging.ConsoleHandler.encoding编码为GBK&#xff0c;如图&#xff1a;

【转】HMAC哈希消息认证码及算法原理

HMAC算法原理 HMAC算法是一种基于密钥的报文完整性的验证方法 &#xff0c;其安全性是建立在Hash加密算法基础上的。它要求通信双方共享密钥、约定算法、对报文进行Hash运算&#xff0c;形成固定长度的认证码。通信双方通过认证码的校验来确定报文的合法性。 HMAC算法可以用来…

RestFul风格学习

传统的url是这样的 RestFul是这样的

【转】c#快捷键

CTRL SHIFT B生成解决方案 CTRL F7 生成编译 CTRL O 打开文件 CTRL SHIFT O打开项目 CTRL SHIFT C显示类视图窗口 F4 显示属性窗口 SHIFT F4显示项目属性窗口 CTRL SHIFT E显示资源视图 F12 转到定义 CTRL F12转到声明 CTRL ALT J对象浏览 CTRL ALT …

Angular使用Console.log()打印出来的数据没问题,点击详情后数据变了

我在一个界面添加数据使用updataEvent将对象返回给另一个界面后&#xff0c;在onUpData中处理时使用 this.xxxxx d&#xff0c;直接将地址值给了变量&#xff0c;当这个方法结束后d被重置了&#xff0c;所以this.xxx的值也消失了,这里要使用下面的方法复制一个对象出来。 this…

【转】刨根究底CSS(1):开篇

01 一道小菜 CSS很难&#xff0c;这应该是绝大多数Web开发人员的共识。 什么&#xff1f;你并不觉得很难&#xff1f;那我就先上一道小菜&#xff0c;请君品尝。 这是个乍一看&#xff0c;让人觉得很诡异的案例…… 算了&#xff0c;本来想滔滔不绝介绍一番&#xff0c;但一…

angular8 设置延时时间

延时执行this.setHiden()方法 setTimeout(() > {this.setHiden();},300);

【转】刨根究底CSS(2):CSS中的各种值——初始值,就是默认值吗?

先问个非常简单的问题&#xff0c;这个问题的答案&#xff0c;相信大部分Web开发人员都自认为显而易见&#xff0c;但却又多半会答错&#xff1a;CSS属性中的初始值(initial value)&#xff0c;就是默认值(default value)吗&#xff1f; 难道不对吗&#xff1f;请往下看。 默…

sqlIte 多条件排序失效问题

写倒叙排序就直接按照mysql那样两个字段后面加一个desc&#xff0c;然后一直没有效果&#xff0c;改为如下&#xff1a; order by starttime desc,endtime desc;每个条件后都加desc就可以了&#xff0c;mysql应该是同样适用的&#xff0c;因为多个不同字段可以按照不同的排序方…

【转】刨根究底正则表达式(1):开篇

奇葩的正则表达式 1、常规学习过程很痛苦 计算机领域中有一些非常基础、重要以及应用广泛&#xff0c;但却又特别容易让人困惑、非常难以理解的主题&#xff0c;这包括了字符编码、字节序(即大小端表示)、浮点数实现、日期时间处理以及正则表达式等。 正则表达式目前市面上并…

正则表达式:匹配非0的整数和小数Double

要求可以是整数、小数&#xff0c;但是不能为0 下面正则0.0之类的也是匹配不中的 (后来测试发现出一个bug&#xff0c;竟然可以匹配到1 1&#xff0c;中间加个空格可以匹配中) ^(([1-9][0-9]*.{1}[0-9])|([0].{1}[1-9][0-9]*)|([1-9][0-9]*)|([0][.][0-9][1-9]))$所以又改了一…