JavaScript-json数组排序

简介:

排序是开发中不可避免的,最近遇到一个需求需要将JSON数组排序,需求比较简单,实现起来也没什么难度,简单记录下过程:

首先我们需要明白的JavaScript本身的排序是可以传入函数比较的,数组排序如下:

 

1
2
3
4
5
var  arr = [25, 2, 32, 12, 72, 51, 65, 97, 60, 20];
function descend(a, b) {
     return  a<b ? 1 : -1;
}
arr.sort(descend);

 

输出结果:

1
[ 97, 72, 65, 60, 51, 32, 25, 20, 12, 2 ] //博客园-FlyElephant

JSON数组和数组方法类似,对比如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var  json = [{
     name:  'keso' ,
     age: 25
}, {
     name:  '博客园-FlyElephant' ,
     age: 24
}, {
     name:  'http://www.cnblogs.com/xiaofeixiang/' ,
     age: 22
}];
 
function ascend(a, b) {
     return  (a.age > b.age) ? 1 : -1;
}
json.sort(ascend);
console.log(json);

输出结果:

1
2
3
[ { name:  'http://www.cnblogs.com/xiaofeixiang/' , age: 22 },
   { name:  '博客园-FlyElephant' , age: 24 },
   { name:  'keso' , age: 25 } ]

如果想更好的封装一下可以写成类的形式,类写法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function JsonSort(obj, field, sortby) {
     this .obj = obj;
     this .field = field;
     this .sortby = sortby;
}
 
JsonSort.prototype.sort= function() {
     var  $ this = this ;
     var  ascend = function(a, b) {
         return  a[$ this .field] > b[$ this .field] ? 1 : -1;
     };
     var  descend = function(a, b) {
         return  a[$ this .field] > b[$ this .field] ? -1 : 1;
     };
     if  ( this .sortby ==  "ascend" ) {
         this .obj.sort(ascend);
     else  {
         this .obj.sort(descend);
     }
};
var  jsonSort= new  JsonSort(json, 'age' , 'ascend' );
jsonSort.sort();
console.log(json);

如果你有更好的方法,欢迎探讨~

本文转自Fly_Elephant博客园博客,原文链接:http://www.cnblogs.com/xiaofeixiang/p/5048600.html,如需转载请自行联系原作者


相关文章
|
22天前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
|
2月前
|
JavaScript 前端开发 索引
JS遍历数组里数组下的对象,根据数组中对象的某些值,组合成新的数组对象
这篇文章介绍了如何在JavaScript中遍历数组里数组下的对象,并根据对象的某些属性值组合成一个新的数组对象。主要内容包括使用ES6的`for...of`循环来遍历数组对象,然后根据需要提取对象中的属性值,并将它们放入新的对象中,最终形成一个新的对象数组以供使用。
|
2月前
|
前端开发 JavaScript 开发者
【前端开发者的福音】彻底改变你编码习惯的神奇数组迭代技巧——从基础到进阶,解锁 JavaScript 数组迭代的N种姿势!
【8月更文挑战第23天】在Web前端开发中,数组是JavaScript中最常用的数据结构之一,掌握高效的数组迭代方法至关重要。本文详细介绍了多种数组迭代技巧:从基础的`for`循环到ES6的`for...of`循环,再到高阶方法如`forEach`、`map`、`filter`、`reduce`及`some`/`every`等。这些方法不仅能提高代码的可读性和维护性,还能有效优化程序性能。通过具体的示例代码,帮助开发者更好地理解和运用这些迭代技术。
26 0
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-数组的遍历
关于JavaScript数组遍历基础知识的文章。
30 2
JavaScript基础知识-数组的遍历
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-数组的练习
关于JavaScript基础知识中数组操作的练习,主要介绍了如何从一个包含Person对象的数组中过滤出成年人(年龄达到18岁及以上)并将他们放入一个新的数组中。
28 1
JavaScript基础知识-数组的练习
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
18 1
JavaScript基础知识-数组的常用方法
|
1月前
|
JavaScript 前端开发 索引
JavaScript基础知识-数组基于索引访问
关于JavaScript数组基于索引访问的基础知识介绍。
15 1
JavaScript基础知识-数组基于索引访问
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-数组的定义方式
本文介绍了JavaScript中数组的多种定义方式。
17 1
JavaScript基础知识-数组的定义方式
|
16天前
|
JavaScript 前端开发
js删除数组最后一个元素
js删除数组最后一个元素
|
15天前
|
JavaScript 前端开发 索引