排序前数据展示是这样的：



甲方的需求是想要以“单位名称”指定的顺序进行展示：



.想要通过这种没有规律的字段(单位名称)进行展示是不可能的，那就转换一下：
datas 参数是通过ajax获取的结果，通过这种方式对想要排序的规则添加一个键值对 ,然后对以sot 进行排序就好了:



代码：
addSort : function(datas){
				for (var i = 0; i <datas.length; i++) {
					switch (datas[i]['单位名称']) {
						case '':
							datas[i]['sot']=0;
							break;
						case '':
							datas[i]['sot']=1;
							break;
						case '':
							datas[i]['sot']=2;
							break;
						case '':
							datas[i]['sot']=3;
							break;
						case '':
							datas[i]['sot']=4;
							break;
					}
				}
				return datas;
			},


通过步骤① 返回的是一个对象类型的数组：

接着就是对数组进行一下排序就可以了：注意 内层 for 循环 的取值范围



代码:

sortDatas : function(lists){
				for(var j = 0 ; j < lists.length; j++){
					for(var k = 0 ; k < lists.length-1-j ; k++){
						if (lists[k].sot > lists[k+1].sot){
							var temp =lists[k];
							lists[k] = lists[k + 1];
							lists[k + 1] = temp;
						}
					}
				}
				return lists;
			}

然后进行调用：


结果：

对json数据进行排序和搜索

在使用AJAX获取数据时后台返回的大部分都是json数据，在进行程序开发时有时会需要直接对这些json数据在js程序中再进行一定的操作，如排序、搜索等，而不是通过AJAX请求由数据库进行这些操作。

今天我就教给大家如何使用数组的方法来实现这些操作:



/*假设json就是后台传过来的json数据*/
  var test=[
    {
      price:15,
      id:1,
      description:'这是第一个数据'
    },{
      price:30,
      id:3,
      description:'这是第二个数据'
    },{
      price:5,
      id:2,
      description:'这是第三个数据'
    }
  ];

此时可以通过数组的sort方法对json数据进行排序，我们可以将其封装为一个函数，方便操作。

  var u=window.u||{};
  u.isArray=function(o) {
    return typeof o=='object'&&Object.prototype.toString.call(o).slice(8,-1).toLowerCase()=='array';
  };
  /**
   * 对json数据按照一定规则进行排列
   * @param  {array} array [需要排序的数组]
   * @param  {string} type  [排序时所依据的字段]
   * @param  {boolean} asc   [可选参数，默认降序，设置为true即为升序]
   * @return {none}       [无返回值]
   */
  u.sort=function(array,type,asc) {
    if(!u.isArray(array)) throw new Error('第一个参数必须是数组类型');
    var asc=asc||false;
    array.sort(function(a,b) {
      if(!asc) {
        return parseFloat(b[type])-parseFloat(a[type]);
      } else {
        return parseFloat(a[type])-parseFloat(b[type]);
      }
    });
  };

也可以通过数组的filter方法对json数据进行搜索，我们可以将其封装为一个函数，方便操作。



```
  /**
   * 对json数组进行搜索
   * @param  {array} array [需要排序的数组]
   * @param  {string} type  [需要检索的字段]
   * @param  {string} value [字段中应包含的值]
   * @return {array}       [包含指定信息的数组]
   */
  u.search=function(array,type,value) {
    if(!u.isArray(array)) throw new Error('第一个参数必须是数组类型');
    var arr=[];
    arr=array.filter(function(a) { 
      return a[type].toString().indexOf(value)!=-1;
    });
    return arr;
  };

可使用下面的方法进行测试：

  u.sort(test,'price');
  var s=u.search(test,'description',"一");
  console.table(test);
  console.table(s);

测试结果如下图所示：

(index)
  
price
  
id
  
description
0
  
30
  
3
  
“这是第二个数据”
1
  
15
  
1
  
“这是第一个数据”
2
  
5
  
2
  
“这是第三个数据”


(index)
  
price
  
id
  
description
0
  
15
  
1
  
“这是第一个数据”

遇到了个bug,从后端拿到数据（对象且无序），需要图表x轴展示该数据值a。调用Object.values(),自动排好了序，刚开始没在意，测试的时候就出问题 了…于是就自己重新写了个排序，就记录一下~
Object.values()：获取属性值，返回的是一个数组，用该方法获取的属性值有跟for…in一样的迭代顺序。其中for…in的迭代顺序跟执行环境有关系，并不是固定的按照某种（比如从大到小）方式来排序的。
在对整数型数组进行排序时，不建议利用for…in的迭代顺序。因为如果涉及到增删改节点的话，使用for …in不一定能访问的到操作前后的值，有可能会被忽略。
Object.keys():获取属性，迭代顺序跟for一致(根据index来排序)。
var myobj = {
        a: 99,
        b: 67,
        c: 48,
        d: 67,
        w: 34,
        f: 34,
        j: 56,
        s: 54
      };

      // 获取属性值并按从大到小排序
      let result = Object.values(myobj).sort((a, b) => {
        return b - a;
      });
      var new_obj = {};
      for (let i = 0; i < result.length; i++) {
        // 将原对象中的键值对按照属性值的排序顺序写入新对象
        Object.keys(myobj).map((item, index) => {
          if (myobj[item] === result[i]) {
            new_obj[item] = result[i];
          }
        });
      }
      console.log(new_obj);

运行结果：

在后端进行时间倒序查询后，返回map类型的数据，在postman获取是这样：

[
    {
        "2020": [
            {
                "id": 39,
                "createTime": "2020-10-15T22:29:20.016",
                "year": 2020,
                "monthDay": "10-15",
                "title": "java数据结构61:冒泡排序"
            },
            {
                "id": 37,
                "createTime": "2020-10-14T11:44:12.163",
                "year": 2020,
                "monthDay": "10-14",
                "title": "这是博客标题13"
            }
        ],
        "2019": [
            {
                "id": 28,
                "createTime": "2019-10-15T18:57:41.409",
                "year": 2019,
                "monthDay": "10-15",
                "title": "这是博客标题5"
            },
            {
                "id": 27,
                "createTime": "2019-10-15T18:57:38.442",
                "year": 2019,
                "monthDay": "10-15",
                "title": "这是博客标题4"
            },
            {
                "id": 26,
                "createTime": "2019-10-15T18:57:36.086",
                "year": 2019,
                "monthDay": "10-15",
                "title": "这是博客标题3"
            }
        ],
        "2018": [
            {
                "id": 25,
                "createTime": "2018-10-15T18:57:31.986",
                "year": 2018,
                "monthDay": "10-15",
                "title": "这是博客标题2"
            },
            {
                "id": 24,
                "createTime": "2018-10-15T18:57:27.428",
                "year": 2018,
                "monthDay": "10-15",
                "title": "这是博客标题1"
            }
        ],
        "2017": [
            {
                "id": 12,
                "createTime": "2017-10-14T11:44:12.163",
                "year": 2017,
                "monthDay": "10-14",
                "title": "### 锟桑的第一篇博客"
            }
        ]
    }
]

浏览器获取结果变成了：



所以后端就算进行了排序处理，但是浏览器还是有自己的想法，在这里就要进行前端处理了：

                    //先把获取到的json对象转成map
                    let map = new Map();
                    //archive就是接口返回的json对象
                    for (let year in archive) {
                        map.set(year,archive[year]);
                    }
                    //把map转换为array就可以排序了
                    let arr = Array.from(map);
                    arr.sort(function (a,b) {
                        //map转成array后，下标0为key，下标1为value
                        //这里根据年份进行倒序排序
                        return b[0]-a[0];
                    });
                    console.log(arr)

可以从打印信息看出来已经正确排序了：



虽然解决了问题，但是这无疑会增加前端的工作量，所以推荐的做法是，在后端再定定义个类，比如：

public class ArchivePlusVo {
    private String year;
    private List<ArchiveVo> list;
}


然后把要返回的Map对象转换成List<ArchivePlusVo>再返回就好了。