多语言展示
当前在线:448今日阅读:2今日分享:38

如何使用JavaScript方法实现对象数组排序排名

在做项目的过程中,我遇到这么一个问题:返回的结果为一个对象数组,需要按照某个字段过滤,然后这个字段作为key,值对应的也是一个对象数组,需要将值中的数组某几个字段进行汇总求和,然后按照大小进行排序排名。下面利用一个实例说明如何实现,操作如下:
工具/原料
1

HBuilderX

2

JavaScript

3

jquery

4

HTML5

5

浏览器

6

截图工具

方法/步骤
1

第一步,双击打开HBuilderX,新建项目SDMN,选择含有css、js和html模板的,如下图所示:

2

第二步,在项目指定目录下,新建一个静态页面,使用HTML5默认模板,如下图所示:

3

第三步,在插入一个div和button按钮,并给按钮指定ID,如下图所示:

4

第四步,为了更好使用jquery中的方法,引入jquery核心JavaScript文件,如下图所示:

5

第五步,在标签内,编写一个按照某个字段进行归类的方法,如下图所示:

6

第六步,最后编写按钮点击事件代码,遍历归类之后的对象数组,然后遍历对象,对指定字段进行汇总求和,如下图所示:

注意事项
1

注意普通数组和对象数组的遍历方法

2

注意对数组中的元素进行排序,并按照字段值大小排名

推荐信息