700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > JS实现json对象数组按对象属性排序步骤详解

JS实现json对象数组按对象属性排序步骤详解

时间:2020-03-06 06:26:28

相关推荐

JS实现json对象数组按对象属性排序步骤详解

web前端|js教程

javascript,json,数组

web前端-js教程在实际工作经常会出现这样一个问题:后台返回一个数组中有i个json数据,需要我们根据json中某一项进行数组的排序。

代驾源码教程视频,vscode怎么换中文模式,ubuntu密码提示,tomcat映射外网ip,爬虫效率语言,php 正则表达式实例,徐州嘿逗网seo优化平台,源代码的网站lzw

例如返回的数据结构大概是这样:

聚美优品网站源码,低配置ubuntu版本,tomcat根目录安装应用,极小的爬虫,那些网站用php,什么是seo平台外推灰词排名lzw

{ result:[ {id:1,name:中国银行}, {id:3,name:北京银行}, {id:2,name:河北银行}, {id:10,name:保定银行}, {id:7,name:涞水银行} ]}

现在我们根据业务需要,要根据id的大小进行排序,按照id小的json到id大的json顺序重新排列数组的顺序

qsort源码,vscode 快捷键使用,ubuntu 弹出硬盘,tomcat把系统搞死,爬虫的电影,php日志组件,seo推广平台外链,常用的网站模板,dedecms营销型模板lzw

在js中添加排序的方法:

这里使用JavaScriptsort()方法,首先解释下这个sort的方法

语法:arrayObject.sort(sortby)

sortby:可选,规定排序顺序。必须是函数。

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

若 a 等于 b,则返回 0。

若 a 大于 b,则返回一个大于 0 的值。

下面开始使用sort(sortby)来进行这个排序,并打印到控制台:

function sortId(a,b){ return a.id-b.id}result.sort(sortId);console.log(result);

完整测试示例代码:

json数组排序var result = [ {id:1,name:中国银行}, {id:3,name:北京银行}, {id:2,name:河北银行}, {id:10,name:保定银行}, {id:7,name:涞水银行} ]function sortId(a,b){ return a.id-b.id}result.sort(sortId);console.log(result);

然后查看控制台,排序成功:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。