javascript: object对象按属性排序的方法

javascript中在使用ajax和服务端交互时会遇到这样的场景,服务端返回json格式数据,前端展示时需要对数据进行某种排序,比如升序、降序。

可以利用 sort() 自定义排序规则来实现,例如返回的一段json数据,按照年龄升序排列。

 1 var res = {
 2     success: true,
 3     result: [
 4         {
 5             id: 1,
 6             name: ‘Jack‘,
 7             age: 21
 8         },
 9         {
10             id: 2,
11             name: ‘Tom‘,
12             age: 23
13         },
14         {
15             id: 3,
16             name: ‘Rose‘,
17             age: 19
18         }
19     ]
20 };
21
22 var sortBy = function (a, b) {
23   if (a.age > b.age) {
24     return 1;
25   } else if (a.age < b.age) {
26     return -1;
27   } else {
28     return 0;
29   }
30 };
31
32 var res2 = res.result.sort(sortBy);
33
34 console.log(JSON.stringify(res2));

// 输出结果[{"id":3,"name":"Rose","age":19},{"id":1,"name":"Jack","age":21},{"id":2,"name":"Tom","age":23}],实现排序。

javascript: object对象按属性排序的方法

时间: 2025-01-15 10:36:08

javascript: object对象按属性排序的方法的相关文章

JavaScript Object对象

Object对象 1. 介绍 Object对象,是所有JavaScript对象的超类(基类).定义了Js对象的基本方法和属性. 2. 构造函数 2.1 new Object() :返回一个Object实例 2.2 new Object(value) :根据value的值,返回不同的对象(Number.Boolean.String) 参数: ①value {number | bool | string} :一个数字.布尔值或者字符串 返回值: {Number.Boolean.String} 返回一

通用对象按属性排序功能

通用对象按属性排序类 CompareUtil.java public class CompareUtil<T> implements Comparator<T> { private ArrayList<SortItem> sortItemList = new ArrayList<SortItem>(); private class SortItem { public String fieldName; public String sortType; publ

JavaScript Object 对象

Object 对象自身用处不大,不过在了解其他类之前,还是应该了解它.因为 ECMAScript 中的 Object 对象与 Java 中的 java.lang.Object 相似,ECMAScript 中的所有对象都由这个对象继承而来,Object 对象中的所有属性和方法都会出现在其他对象中,所以理解了 Object 对象,就可以更好地理解其他对象. Object 对象具有下列属性: constructor 对创建对象的函数的引用(指针).对于 Object 对象,该指针指向原始的 Objec

java 对list中对象按属性排序

实体对象类 --略 排序类----实现Comparator接口,重写compare方法 package com.tang.list; import java.util.Comparator; public class Mycompera implements Comparator<Student> { @Override    public int compare(Student o1, Student o2) {        if (o1.getSid() > o2.getSid()

关于JavaScript的对象,属性,方法的一些理解和认识。

对象      万物皆对象,所谓的对象,就是一个实体,一个物体,对象一定是有一个名字的, 在JavaScript中有很多很多对象,这些对象天生就存在在JavaScript中,比如document就是一个对象,window也是对象.     JavaScript想调用一个对象,非常的简单,直接打它的名字即可.     在JavaScript中,每个对象是负责不一样的事情.    document负责一切和文档相关的事情:window负责一切和浏览器窗口相关的事情:console负责一切和控制台相关

Javascript常用对象的属性和方法

javascript为我们提供了一些非常有用的常用内部对象和方法.用户不需要用脚本来实现这些功能.这正是基于对象编程的真正目的. 在javascript提供了string(字符串).math(数值计算)和Date(日期)三种对象和其它一些相关的方法.从而为编程人员快速开发强大的脚本程序提供了非常有利的条件. 1.常用内部对象 在javascript中对于对象属性与方法的引用,有两种情况:其一是说该对象是静态对象,即在引用该对象的属性或方法时不需要为它创建实例:而另一种对象则在引用它的对象或方法是

JavaScript原型对象的属性和方法

前面介绍了普通对象的原型链结构,下面会先介绍一下原型对象中的属性和方法,然后介绍函数对象的原型链,最后将原型链进行整合一下. 第一部分Object.prototype的属性和方法 1 Object.prototype.toString方法 因为Object.prototype顶级对象中定义了toString方法,所以任何对象都有一个toString方法. 可以用来检测对象的类型,当然只能检测内置对象的类型,如果是自定义构造函数创建的对象的话无法准确检测出来类型. 使用方式:Object.prot

Object对象的属性与方法总结

一.属性 (Object自带一个prototype的属性,即Object.prototype,Object.prototype本身也是一个对象,也会有一些属性和方法) 1.属性 Object.prototype.writable:默认为false Object.prototype.enumerable:默认为false Object.prototype.configurable:默认为false Object.prototype.constructor:用于创建一个对象的原型. 1.常用方法 O

浅析对象访问属性的&quot;.&quot;和&quot;[]&quot;方法区别

在JavaScript中通常使用”."运算符来存取对象的属性的值.或者使用[]作为一个关联数组来存取对象的属性.但是这两种方式有什么区别了? 例如,读取object中的property属性值:  object.property object['property'] 以上两种方式都可以实现属性的存取. 1.语法方面的区别 点表示法的对象的属性名是标识符,而后者的属性名则是一个字符串. 2.灵活性方面的区别 在JavaScript编写程序中,可以为对象创建任意数目的属性.但使用”.“运算符来存取一个