首页 > 其他分享 >js实现JSON数据根据某个字段排序

js实现JSON数据根据某个字段排序

时间:2024-07-29 09:18:34浏览次数:7  
标签:sort return js field JSON 数组 array 排序

1、js含有内置的sort()方法

该方法是按字母顺序对数组进行排序的即按照字符编码进行排序,
当数组中元素为 数字类型 时,排序结果与我们设想的完全不同,因为默认是按照字符编码的顺序进行排序的

2、实现

    /*
     * @description    根据某个字段实现对json数组的排序
     * @param   array  要排序的json数组对象
     * @param   field  排序字段(此参数必须为字符串)
     * @param   reverse 是否倒序(默认为false)
     * @return  array  返回排序后的json数组
    */
    function jsonSort(array, field, reverse, field2) {
      //数组长度小于2 或 没有指定排序字段 或 不是json格式数据
      if(array.length < 2 || !field || typeof array[0] !== "object") return array;
      //数字类型排序
      if(typeof array[0][field] === "number") {
        array.sort(function(x, y) { return x[field] - y[field]});
      }
      // 若所选字段比较的值相同,可选第二个字段进行比较
      // if(typeof array[0][field] === "number") {
      //  array.sort(function(x, y) { 
      //    if (x[field] != y[field]) {
      //      return x[field] - y[field]
      //    }
      //    return y[field2] - x[field2];
      //  });
      // }
      //字符串类型排序
      if(typeof array[0][field] === "string") {
        array.sort(function(x, y) { return x[field].localeCompare(y[field])});
      }
      //倒序
      if(reverse) {
        array.reverse();
      }
      return array;
    }

json对象数组按对象属性排序

var array = [
  {name: 'a', phone: 1},
  {name: 'b', phone: 5},
  {name: 'd', phone: 3},
  {name: 'c', phone: 4}
]
array.sort(getSortFun('desc', 'phone'));
function getSortFun(order, sortBy) {
  var ordAlpah = (order == 'asc') ? '>' : '<';
  var sortFun = new Function('a', 'b', 'return a.' + sortBy + ordAlpah + 'b.' + sortBy + '?1:-1');
  return sortFun;
}
alert(JSON.stringify(array));
// 该方式原数组也会发生变化。

数组本身有sort方法,可以指定排序函数,因此可以动态生成一个排序函数来完成对按指定对象属性排序的需求;

标签:sort,return,js,field,JSON,数组,array,排序
From: https://www.cnblogs.com/axingya/p/18329340

相关文章

  • 将 JSON 发送到 Flask,request.args 与 request.form
    我的理解是,request.argsFlask中包含来自GET请求的URL编码参数,而request.form包含POST数据。我很难理解为什么在发送POST请求时,尝试使用request.form访问数据会返回400错误,但是当我尝试使用request.args......
  • vue js事件方法调用api并返回值
    //确认confirm(id){if(this.isEdit&&this.form.list!==undefined&&this.form.list.length<=0){this.$notify({title:'表身为空时不能确认',type:'error'})}else{this.confirmLoading=trueinCo......
  • JS 生成二维码
    JS生成二维码:<!DOCTYPEhtml><html><head><metacharset="utf-8"/><metaname="referrer"content="always"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/>......
  • 408 数据结构排序算法
    第六章排序6.1冒泡排序voidswap(intarr[],inti,intj){ inttemp=arr[i]; arr[i]=arr[j]; arr[j]=temp;}//外层循环是说明n个元素排好序需要经过n-1轮 for(inti=n-1;i>0;i--){ boolflag=true; for(intj=0;j<i;j++){ if(arr[......
  • [JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
    【版权声明】未经博主同意,谢绝转载!(请尊重原创,博主保留追究权)https://www.cnblogs.com/cnb-yuchen/p/18328759出自【进步*于辰的博客】参考笔记一,P10.4、P13.2;笔记三,P48.1。目录先言1、通用函数2、Global对象函数3、数组相关函数3.1arr.find(item=>{})3.2Array.from(ob......
  • 算法-排序算法
    一、算法和算法分析什么是算法:​ 对特定问题的求解步骤的一种描述,它是指令的有限序列,其中每一条指令表示一个或多个操作。算法的五个重要特性:有穷性确定性可行性输入输出算法设计的要求:正确性可读性健壮性高效率与低存储算法效率的度量:​ 算法的执行时间需要依......
  • Nuxt.js 路由管理:useRouter 方法与路由中间件应用
    title:Nuxt.js路由管理:useRouter方法与路由中间件应用date:2024/7/28updated:2024/7/28author:cmdragonexcerpt:摘要:本文介绍了Nuxt3中useRouter方法及其在路由管理和中间件应用中的功能。内容包括使用useRouter添加、移除路由,获取路由信息,基于HistoryAPI的操作,......
  • Chapter 6: 排序
        在计算机科学中,排序算法是基础且核心的部分,它们被广泛应用于各种领域,如数据处理、信息检索等。C语言作为一种通用的、过程式的计算机程序设计语言,它的运行效率和灵活性使得它成为学习和实现这些排序算法的理想选择。本篇博客将深入探讨一些常见的排序算法,包括冒泡......
  • 基于JSP的沙县小吃点餐系统
    你好呀,我是计算机学姐码农小野!如果有相关需求,可以私信联系我。开发语言:Java数据库:MySQL技术:JSP技术工具:IDEA/Eclipse、Navicat、Maven系统展示首页管理员功能界面用户功能界面前台首页功能界面摘要随着社会的发展,信息化时代的优势被各行各业所利用,计算机的......
  • 如何利用PyQt实现列表添加删除排序功能?
    本文介绍如何实现列表增加删除和排序的功能,效果如下:1页面设计1.1列表#列表数据 self.list=['福宝','萌兰','金虎','蓝天']#创建四行一列标准数据模型self.mode=QStandardItemModel(4,1)#将数据中的列表项作为标准数据模型输出......