根据数组对象中的某个属性值排序

最近做项目，后台返回的数组对象没有排序，而我需要根据序号将数据显示在页面上，但是不想一个一个取值，想到对数组对象排序后然后直接循环显示。数据结构如下：

 

 现在需要升序排列，用sort()方法，

sort()很常用的排序方法，最主要的是里面的比较函数参数，最重要的是定义一个比较函数如下：

function creatCompare(propertyName) { //根据哪个属性值排序
    return function (obj1,obj2) { //对象两两比较
        let value1=obj1[propertyName]; let value2=obj2[propertyName]; if(value1<value2){ return -1 }else if(value1>value2){ return 1 }else { return 0 } } }

let familyconsumptions = familyInfoListinfo.familyconsumptions if (familyconsumptions) { let sortFamilyconsumptions = familyconsumptions.sort(creatCompare('familyconsumptionId')) console.log(sortFamilyconsumptions) for (let i = 0; i < sortFamilyconsumptions.length; i++) { document.querySelectorAll('.familyconsumptions input')[i].value = sortFamilyconsumptions[i].consumptionData } } let familyincomeinfos = familyInfoListinfo.familyincomeinfos if (familyincomeinfos) { let sortFamilyincomeinfos = familyincomeinfos.sort(creatCompare('familyincomeId')) console.log(sortFamilyincomeinfos); for (let i = 0; i < sortFamilyincomeinfos.length; i++) { document.querySelectorAll('.familyincomeinfos input')[i].value = sortFamilyincomeinfos[i].incomeData } }

 

排序后的结果

 

 关于sort的介绍：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort