对象数组排序，利用jquery

最新推荐文章于 2023-07-04 22:15:00 发布
最新推荐文章于 2023-07-04 22:15:00 发布
阅读量85 收藏
点赞数
分类专栏： jquery 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lishuai05251986/article/details/84756908
版权
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  2.   
  3. <html>  
  4.   <head>  
  5.     <title>jQuery数组和字符串--对象数组排序</title>  
  6.     <script type="text/javascript" src="../jquery-1.3.2.min.js"></script>  
  7.   
  8.     <script type="text/javascript">  
  9.   
  10.     <!--  
  11.     $(  
  12.         function()  
  13.         {  
  14.             var students =[  
  15.                 {'sid':'ST001','sname':'张三','sage':18},  
  16.                 {'sid':'ST004','sname':'赵六','sage':23},  
  17.                 {'sid':'ST002','sname':'李四','sage':42},  
  18.                 {'sid':'ST003','sname':'王五','sage':35}  
  19.             ];  
  20.             //表格显示  
  21.             $.each(students,  
  22.                 function(index, value)  
  23.                 {  
  24.                     $('#ia').append('<tr><td>' + value.sid +   
  25.                         '</td><td>' + value.sname +   
  26.                         '</td><td>' + value.sage + '</td></tr>');  
  27.                 }  
  28.             );  
  29.             //按照SID排序  
  30.             var sidOrder = students.sort(  
  31.                 function(a, b)  
  32.                 {  
  33.                     if(a.sid < b.sid) return -1;  
  34.                     if(a.sid > b.sid) return 1;  
  35.                     return 0;  
  36.                 }  
  37.             );  
  38.             $.each(sidOrder,  
  39.                 function(index, value)  
  40.                 {  
  41.                     $('#ib').append('<tr><td>' + value.sid +  
  42.                         '</td><td>' + value.sname +   
  43.                         '</td><td>' + value.sage + '</td></tr>')  
  44.                 }  
  45.             );  
  46.             //按照SAGE排序  
  47.             var sageOrder = students.sort(  
  48.                 function(a, b)  
  49.                 {  
  50.                     return (a.sage - b.sage);  
  51.                 }  
  52.             );  
  53.             $.each(sageOrder,  
  54.                 function(index, value)  
  55.                 {  
  56.                     $('#ic').append('<tr><td>' + value.sid +  
  57.                         '</td><td>' + value.sname +   
  58.                         '</td><td>' + value.sage + '</td></tr>')  
  59.                 }  
  60.             );  
  61.         }  
  62.     );  
  63.     //-->  
  64.     </script>  
  65.   </head>  
  66.   <body>  
  67.     <h5>未排序对象数组：</h5>  
  68.     <table id='ia' border="1"></table>  
  69.   
  70.     <h5>按照SID排序对象数组：</h5>  
  71.     <table id='ib' border="1"></table>  
  72.   
  73.     <h5>按照SAGE排序对象数组：</h5>  
  74.     <table id='ic' border="1"></table>  
  75.   
  76.   </body>  
  77. </html>
lishuai05251986
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用jQuery对无序列表排序的简单方法
01-19
利用jQuery对无序列表排序的原理是：获取到无序列表中的所有列表项，并转成数组形式，使用JavaScript函数对其进行排序后再次输出。其中使用到的jQuery函数有ready()、get()、text()、each()、append()和JavaScript...
Jquery为对象数组排序
laojava的专栏
05-23 562
假设以对象数组形式来存储学生信息。每个学生包含对象3个属性：role、name和emailid。基于属性role为该数组排序。 List of students is 编写jquery代码来创建一个对象数组，存储3个学生的信息。每个学生对象包含属性role、name和emailid。同时需要编写代码，执行基于学生对象role属性的排序。jquery代码如下： $(docu...
Jquery对普通数组和JSON数组的排序（包括字符串和数值）
weixin_42979149的博客
01-29 1837
sort() 方法用于对数组的元素进行排序。 语法： arrayObject.sort(sortby) 参数： sortby 可选。规定排序顺序。必须是函数。 返回值： 对数组的引用。请注意，数组在原数组上进行排序，不生成副本。 下面的排序都用到了sort，分为几种情况来介绍 1、普通字符串数组 直接调用sort就可以实现排序 var arr = ["张三", "李四", "王麻子", "小二", "陈晨", "陈阳"] arr.sort() 结果如下： 2、普通数值数组 var arr = [10
利用jQuery来对字符串数组和数值数组排序
sinat_36841379的博客
02-21 5539
1.首先我们对字符串数组进行排序，对字符串数组进行排序就比较简单，关键在于使用一个叫sort()的函数。 接下来我们先举个例子： A B 我们会将在.origin里面放置原始的字符串数组，在.end中放置排序后的字符串数组。 $(document).ready(function(){ var members=["John","Steve","Ben","Damon","Ian"];
JavaScript对象数组排序算法
Le_JackChen的博客
09-26 386
使用原生js对对象数组按某一指定属性排序方法。
html中用无序列表表示数组,利用jQuery对无序列表排序的简单方法
weixin_29964507的博客
06-07 259
利用jQuery对无序列表排序的原理是：获取到无序列表中的所有列表项，并转成数组形式，使用JavaScript函数对其进行排序后再次输出。其中使用到的jQuery函数有ready()、get()、text()、each()、append()和JavaScript函数sort()。1．jQuery函数介绍(1)jQuery函数get()--获取匹配元素集合该函数取得所有匹配元素的一种向后兼容的方式(...
jQuery实现使用sort方法对json数据排序的方法
hzm博客
02-17 335
jQuery实现使用sort方法对json数据排序的方法
matlab 数组去重排序,数组
weixin_32974061的博客
04-13 684
四月十号java知识点2021-04-10 21:35:481.数组：若干个相同数据类型元素按照一定顺序排列的集合2.JAVA语言内存分为栈内存和堆内存3.方法中的一些基本类型变量和对象的引用变量都在方法中的栈内存中分配4.堆内存用来存放new运算符创建的数组或对象，在堆中存放的内存由java虚拟机的垃圾回收器来自动管理5.在堆中创建一个数组JZ51构建乘积数组2021-04-10 21:32:2...
c语言数组选择排序例题,C语言数组排序——冒泡排序、选择排序、插入排序
weixin_36071371的博客
05-21 1839
一、冒泡排序原理解析：(以从小到大排序为例)在一排数字中，将第一个与第二个比较大小，如果后面的数比前面的小，则交换他们的位置。然后比较第二、第三个……直到比较第n-1个和第n个，此时，每一次比较都将较大的一个数往后移动，所以第n个数是所有数中最大的一个。之后再重复以上过程，直到将所有数据按从小到大顺序排列好。编程实现：通过两个嵌套的循环实现。外层循环执行一次，内层循环执行一遍。其中，内层循环控制比...
【json数组排序】json数组按照某个字段升序降序（已实现，附完整代码）
最新发布
赏樱看雪撸代码
07-04 1387
sort函数应用，数组排序，数组升序，数组降序，数组按字段升序，数组按字段降序，复杂数组排序处理，父子结构数组按照某字段排序，树状数组排序处理。
jQuery实现对无序列表的排序功能(附demo源码下载)
01-21
利用jQuery对无序列表排序的原理是：获取到无序列表中的所有列表项，并转成数组形式，使用JavaScript函数对其进行排序后再次输出。其中使用到的jQuery函数有ready()、get()、text()、each()、append()和JavaScript...
jQuery攻略.pdf
05-03
只显示所需的数据 19 2.4 字符串数组和数值数组的排序 22 2.5 拆分数组 24 2.6 合并数组 26 2.7 把数值数组转换成字符串，并查找其子字符串 27 2.8 创建对象数组 28 2.9 为对象数组排序 30 2.10 小结 32 第3章 事件...
HTML print打印(分页,统计,排版)
11-21
* 基于jquery的打印分页插件 * 方法API: * loadDate data,model,shownum(数据源[数组],模板页面,每页显示数) data 建议最大数据量不要超过500 * loadTABLE 利用模版创建TABLE代码 * insertTABLE 插入数据 ...
jQuery Dialog 弹出层对话框插件(可加载url地址)
既是过河之卒，惟有奋力向前。
11-19 1278
  网上这种插件很多，但是没一个合适的，大部分都做得很大，功能齐全。于是自己做了这个小插件，顺便学习下jQuery插件的写法。 具体的演示程序在这里：演示程序。   原理很简单，通过JS动态构建一个div层，将其插入到body中，然后通过调整position的CSS属性为absolute或fixed，使其脱离原来的文档流的位置。再通过适当的加工美化就成了。 &lt;!-- 背景遮盖...
phonegap+jqmobi仿照新浪app左右滑动页面切换解决方案
既是过河之卒，惟有奋力向前。
04-02 584
    免费Jqmobi+phonegap入门视频 http://www.sxt.cn/u/1/blog/3311phonegap+jqmobi仿照新浪app左右滑动页面切换解决方案：可以鼠标或者手指在页面上左右滑动实现页面的切换演示地址: http://www.apiying.com/jqmobi/视频教程+课件+源码下载地址：  http://www.sxt.cn/u/1/blog/3...
国内部分瀑布流网站
既是过河之卒，惟有奋力向前。
05-06 415
  Pinterest是最早使用瀑布流的鼻祖，如今瀑布流逐渐在国内流行开来，实现方式也各有不同。无论淘宝、百度。新浪等老牌，还是新生的美丽说和蘑菇街，都加入了这个行列。随着技术的成熟，现在瀑布流已经在个人站长领域开始流行。 个人总结一下目前瀑布流的特点 结构简单： 1.    参差不齐的多列布局。 2.无限加载网页内容   内容： 1.以图片展示为主，标签化导航。 2.具有社会化...
Jquery中使用setInterval和setTimeout
既是过河之卒，惟有奋力向前。
11-28 414
直接在ready中调用其他方法，会提示缺少对象的错误，解决方法如下： 方法1. 应用jQuery的扩展可以解决这个问题。 $(document).ready(function(){ $.extend({  show:function(){   alert("ready");  }});setInterval("show()",3000);}); 方法2. 指定定时执行的函...
jquery创建对象数组
05-26
可以使用 jQuery 的 map() 方法来创建对象数组。 下面是一个示例代码： ```javascript var arr = ["John", "Tom", "Jane"]; var objArr = $.map(arr, function(value, index) { return { name: value, id: index...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值