【笔记】Js对象根据属性进行排序

前言

Js对象根据属性进行排序

假数据

  • 创建article.json文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
[
{
"id": 990,
"title": "测试文章标题-55",
"description": "测试文章描述",
"content": "测试文章正文",
"user_id": 1,
"nickname": "超级管理员",
"create_time": "2020-11-14 06:32:05",
"update_time": "2020-11-14 06:32:05",
"pageviews": 55
},
{
"id": 991,
"title": "测试文章标题-57",
"description": "测试文章描述",
"content": "测试文章正文",
"user_id": 2,
"nickname": "测试作者昵称",
"create_time": "2020-11-15 06:32:05",
"update_time": "2020-11-15 06:32:05",
"pageviews": 57
},
{
"id": 992,
"title": "测试文章标题-20",
"description": "测试文章描述",
"content": "测试文章正文",
"user_id": 1,
"nickname": "超级管理员",
"create_time": "2020-11-11 06:32:05",
"update_time": "2020-11-11 06:32:05",
"pageviews": 20
},
{
"id": 993,
"title": "测试文章标题-17",
"description": "测试文章描述",
"content": "测试文章正文",
"user_id": 2,
"nickname": "测试作者昵称",
"create_time": "2020-11-17 06:32:05",
"update_time": "2020-11-17 06:32:05",
"pageviews": 20
},
{
"id": 994,
"title": "测试文章标题-18",
"description": "测试文章描述",
"content": "测试文章正文",
"user_id": 1,
"nickname": "超级管理员",
"create_time": "2020-11-18 06:32:05",
"update_time": "2020-11-18 06:32:05",
"pageviews": 90
},
{
"id": 995,
"title": "测试文章标题-9",
"description": "测试文章描述",
"content": "测试文章正文",
"user_id": 1,
"nickname": "超级管理员",
"create_time": "2020-11-09 06:32:05",
"update_time": "2020-11-09 06:32:05",
"pageviews": 6
}
]

根据时间排序

  • 越新的数据越靠前
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$.ajax({
url: "article.json",
success: function (data) {

// 按照时间排序,越新的越靠前
data.sort(function(a,b){
return a.create_time < b.create_time ? 1 : -1
});

// 将排序后的数据放在数组
let arr = [];
for (let i = 0; i < data.length; i++) {
arr[i] = data[i];
}

console.log(arr);

}
});

根据数值排序

  • 越大的数据越靠前
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$.ajax({
url: "article.json",
success: function (data) {

// 按照热度排序,浏览量越高越靠前
data.sort(function(a,b){
return a.pageviews < b.pageviews ? 1 : -1
});

// 将排序后的数据放在数组
let arr = [];
for (let i = 0; i < data.length; i++) {
arr[i] = data[i];
}

console.log(arr);

}
});

完成

参考文献

CSDN——fk129