js中如何对json数组进行排序
更新时间：2023年04月17日 10:11:14 作者：spring-java
这篇文章主要介绍了js中如何对json数组进行排序的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
js对json数组进行排序
废话不多说，直接上代码
// 升序排列
function up(a, b) {
return a.val-b.val
},
// 降序排列
function down(a, b) {
return b.val-a.val
},
// sort 会直接对原数据排序
testJson.sort(up)例如：
let test=[{"val":100},{"val":70},{"val":50},{"val":20},{"val":10}]
test=test.sort(up)js根据json数组多个字段排序
let newArray = [
{product: "1", matno: "420200011480006",salebillno:"xsdd2733-8", sales: "800"},
{product: "2", matno: "420200011480007",salebillno:"xsdd2733-2", sales: "300"},
{product: "3", matno: "420200011480006",salebillno:"xsdd2733-5", sales: "100"},
{product: "4", matno: "420200011480006",salebillno:"xsdd2733-3", sales: "200"},
{product: "5", matno: "420200011480008",salebillno:"xsdd2738", sales: "600"},
{product: "6", matno: "420200011480010",salebillno:"xsdd2734", sales: "400"},
{product: "7", matno: "420200011480009",salebillno:"xsdd2735", sales: "700"},
{product: "8", matno: "420200011480001",salebillno:"xsdd2737", sales: "500"}
]
/**数组根据数组对象中的某个属性值进行排序的方法
* 使用例子：newArray.sort(sortByArr(['matno'],true)) //表示根据matno属性降序排列;若第二个参数不传递，默认表示升序排序
* @param attr 排序的属性 ['matno','salebillno'...],根据一个字段或者多个字段排序
* @param rev true表示升序排列，false降序排序
* */
function sortByArr(arr, rev) {
if (rev == undefined) {
rev = 1;
} else {
rev = (rev) ? 1 : -1;
}
return function(a, b) {
for (var i = 0; i < arr.length; i++) {
let attr = arr[i]
if (a[attr] != b[attr]) {
if (a[attr] > b[attr]) {
return rev * 1;
} else {
return rev * -1;
}
}
}
}
}
/**升序**/
newArray.sort(sortByArr(['matno','salebillno'],true))
[{product: '8', matno: '420200011480001', salebillno: 'xsdd2737', sales: '500'}
{product: '4', matno: '420200011480006', salebillno: 'xsdd2733-3', sales: '200'}
{product: '3', matno: '420200011480006', salebillno: 'xsdd2733-5', sales: '100'}
{product: '1', matno: '420200011480006', salebillno: 'xsdd2733-8', sales: '800'}
{product: '2', matno: '420200011480007', salebillno: 'xsdd2733-2', sales: '300'}
{product: '5', matno: '420200011480008', salebillno: 'xsdd2738', sales: '600'}
{product: '7', matno: '420200011480009', salebillno: 'xsdd2735', sales: '700'}
{product: '6', matno: '420200011480010', salebillno: 'xsdd2734', sales: '400'}]
/**降序**/
newArray.sort(sortByArr(['matno'],false))
// 输出
[{product: '6', matno: '420200011480010', salebillno: 'xsdd2734', sales: '400'}
{product: '7', matno: '420200011480009', salebillno: 'xsdd2735', sales: '700'}
{product: '5', matno: '420200011480008', salebillno: 'xsdd2738', sales: '600'}
{product: '2', matno: '420200011480007', salebillno: 'xsdd2733-2', sales: '300'}
{product: '1', matno: '420200011480006', salebillno: 'xsdd2733-8', sales: '800'}
{product: '3', matno: '420200011480006', salebillno: 'xsdd2733-5', sales: '100'}
{product: '4', matno: '420200011480006', salebillno: 'xsdd2733-3', sales: '200'}
{product: '8', matno: '420200011480001', salebillno: 'xsdd2737', sales: '500'}]总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JS使用栈判断给定字符串是否是回文算法,涉及基于javascript栈的构造、遍历、判断等相关操作技巧,需要的朋友可以参考下2019-03-03![javascript中[]和{}对象使用介绍](//img.jbzj.com/images/xgimg/bcimg1.png)
[]不仅仅可以表示数组，可以直接通过对象的属性设置值和访问值，接下来为大家介绍下[]和{}对象的使用，感兴趣的你可以参考下哈2013-03-03
在 JavaScript 中，宏任务和微任务是指在执行代码的过程中的两种不同的任务类型，这篇文章主要介绍了JavaScript中的宏任务和微任务执行顺序,需要的朋友可以参考下2022-12-12
这篇文章主要为大家针对Bootstrap插件的相关资料进行了详细介绍，Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动，感兴趣的小伙伴们可以参考一下2016-04-04
在JavaScript的ES6版本中,引入了WeakMap和WeakSet这两种新的数据结构,与Map和Set相比,它们有一些特殊的特点和用途,使它们在处理内存泄漏问题、管理对象私有数据、处理对象的唯一性等场景中有显著的优势,本文将深入探讨WeakMap和WeakSet的特性和用途,一起看看吧2023-12-12
这篇文章主要为大家分享了一些实用性较高的js方法，方便大家开发时使用，感兴趣的小伙伴们可以参考一下2016-04-04
下面小编就为大家带来一篇使用原生js写ajax实例(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
在JAVASCRIPT当中可以通过取当前浏览器返回值来判断当前使用什么浏览器。2008-10-10
本文主要介绍了webpack中Loader和Plugin的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-06-06
原理就是利用js控制li的一些样式，在实际应用中，还需要注意li的list-style属性。2008-12-12
![javascript中[]和{}对象使用介绍](http://img.jbzj.com/images/xgimg/bcimg1.png)
最新评论