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,如需转载请自行联系原作者


相关文章
|
7月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
7月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
196 2
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
378 3
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
322 4
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
113 5
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
166 1
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
84 3
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
659 1
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
242 0

热门文章

最新文章