jQuery对象数组排序

最新推荐文章于 2020-04-25 16:08:16 发布
最新推荐文章于 2020-04-25 16:08:16 发布
阅读量338 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fonyer/article/details/83119319
版权

              知识点：

假设以对象数组形式来保存学生信息。每个学生包括3个属性：sid,sname,sage。请基于sid为该数组排序。

说明：

sort()方法：需要添加比较函数，反复从数组中获取一对值，在比较的基础上返回<0、=0和>0的值。

其实和排序字符串、数值没什么区别，比较对象是按照对象中的某个属性比较，所以，我们只要取出对象中的某个属性比较即可。

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>jQuery数组和字符串--对象数组排序</title>

    <script type="text/javascript" src="rs/js/jquery.js"></script>

    <script type="text/javascript">

    <!--

    $(

        function()

        {

            var students =[

                {'sid':'ST001','sname':'张三','sage':18},

                {'sid':'ST004','sname':'赵六','sage':23},

                {'sid':'ST002','sname':'李四','sage':42},

                {'sid':'ST003','sname':'王五','sage':35}

            ];

            //表格显示

            $.each(students,

                function(index, value)

                {

                    $('#ia').append('<tr><td>' + value.sid +

                        '</td><td>' + value.sname +

                        '</td><td>' + value.sage + '</td></tr>');

                }

            );

            //按照SID排序

            var sidOrder = students.sort(

                function(a, b)

                {

                    if(a.sid < b.sid) return -1;

                    if(a.sid > b.sid) return 1;

                    return 0;

                }

            );

            $.each(sidOrder,

                function(index, value)

                {

                    $('#ib').append('<tr><td>' + value.sid +

                        '</td><td>' + value.sname +

                        '</td><td>' + value.sage + '</td></tr>')

                }

            );

            //按照SAGE排序

            var sageOrder = students.sort(

                function(a, b)

                {

                    return (a.sage - b.sage);

                }

            );

            $.each(sageOrder,

                function(index, value)

                {

                    $('#ic').append('<tr><td>' + value.sid +

                        '</td><td>' + value.sname +

                        '</td><td>' + value.sage + '</td></tr>')

                }

            );

        }

    );

    //-->

    </script>

  </head>

  <body>

    <h5>未排序对象数组：</h5>

    <table id='ia' border="1"></table>

    <h5>按照SID排序对象数组：</h5>

    <table id='ib' border="1"></table>

    <h5>按照SAGE排序对象数组：</h5>

    <table id='ic' border="1"></table>

  </body>

</html>


fonyer
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery对象集按DOM元素的顺序排序
谈谈IT
02-15 616
jQuery对象集是按DOM元素的顺序排序的，请看以下例子。 <div id="testOrder"> <h1>h1</h1> <h2>h2</h2> <h3>h3</h3> </div> alert($('h3, h2, h1').get(0).nodeName); 虽然选择器的顺序是按照h3,h...
使用jQuery对List排序
.
07-11 4340
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Ty
按属性值对对象数组进行排序
asdfgh0077的博客
12-10 842
我使用AJAX获得了以下对象并将它们存储在数组中： var homes = [ { "h_id": "3", "city": "Dallas",
jQuery,对object数据进行排序
qq_39822451的博客
04-25 885
业务场景：最终使用的数据类型时object,如下所示，需要对下面的对象按日期属性升序排序 //将对象排序，按照对象中属性日期大小 var objData = { jlM191116945216684: {isNewRecord: false, id: "jlM191116945216684", remarks: "", createDate: "2019-...
Jquery 对象数组Array根据字段排序
流氓小猴子的博客
09-29 8277
Jquery在遍历数组array时，如果需要对其进行排序，会提供一个方法：sort() 但是这个只是针对string int这样的原始类型的。如何对一个对象数组进行排序那？ 知识点： 假设以对象数组形式来保存学生信息。每个学生包括3个属性：sid,sname,sage。请基于sid为该数组排序。 说明： sort()方法：需要添加比较函数，反复从数组中获取一对值，在比较的基础上返回&lt...
js对象数组按属性快速排序
12-12
按所推荐的程序在IE下跑了下，的确，排序耗时很小。 代码如下: [removed] /* * 洗牌 */ function getRandomPlayCard(m){ var array1=new Array(m); for(var i=0;i<m;i++){ var rnd=Math.floor(Math.random()*(i+0...
jquery下json数组的操作实现代码
10-28
在jQuery中，JSON数组的处理主要包括遍历、添加、移除等操作。下面我们将详细探讨这些知识点。 1. **数组的创建** 创建数组有多种方式： - `new Array()` 创建空数组。 - `new Array(size)` 创建指定长度的数组...
jQuery排序
09-23
`sort()`函数的工作原理是将jQuery对象内部的DOM元素数组进行原地排序，按照元素在DOM树中的位置进行比较。然而，这种方法仅适用于基于元素位置的排序，对于基于数据属性或内容的排序则需要自定义比较函数。 例如，...
JQuery实现带排序功能的权限选择实例
10-24
数据存储在JavaScript对象数组`myJson`中，每个对象代表一个权限项。这个数组可以动态生成或从服务器获取。在本例中，我们用`for`循环遍历数组，将数据转换为`<option>`元素并添加到左侧选择框。 4. **自定义排序*...
jquery对象排序
09-16
obj为对象，如student对象，sortName为排序字段,sortOrder为升序或降序，升序为asc,降序为desc 如果两边都为数字，转换为数字比较 如果两边都为String,比较string 如果一边是数字，一边是String，转换为数字。 这是利用js本身的比较符比较的，如果要比较比如日期等等的，可以自己写一种比较方法，进行扩展。
jQuery简单实现对数组去重及排序操作实例
10-19
主要介绍了jQuery简单实现对数组去重及排序操作,结合实例形式分析了jQuery中unique方法进行数组去重及sort方法排序的相关操作技巧,需要的朋友可以参考下
jQuery利用sort对DOM元素进行排序操作
10-21
主要为大家详细介绍了JQuery利用sort对DOM元素进行排序的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jQuery实现的简单排序功能示例【冒泡排序】
10-20
本文将详细讲解如何使用jQuery实现一个简单的冒泡排序功能，首先理解冒泡排序的基本原理，然后探讨具体的jQuery代码实现。 冒泡排序是一种基础的排序算法，它的核心思想是通过不断交换相邻的逆序元素，逐步将较大的...
对象数组排序，利用jquery
apensu的专栏
12-20 1万+
在网络上查到的 http://mmz06.blog.163.com/blog/static/12141696201102935021258/   jQuery数组和字符串--对象数组排序 <!-- $( function() { var students =[
对象数组通过对象的属性进行排序
Creabine的博客
05-24 6401
项目中遇到了要给对象数组排序的问题，这时候就不能简单的使用sort（）来解决了。在脚本之家这里找到了解决方法，代码贴在最下边了。功能虽然靠复制粘贴实现了，还是得搞清楚原理： 首先，我们看一下JavaScript的sort（）方法，这个方法其实是可以带参数的： 当sort（）方法不带参数的时候，将按照数字，字母（字符编码）的顺序进行排序。 当sort（）想要按照其他标准进行排序的时候，就需要传入参数
js sort方法根据数组中对象的某一个属性值进行排序
ROVAST的专栏
11-17 1万+
ort方法接收一个函数作为参数，这里嵌套一层函数用来接收对象属性名，其他部分代码与正常使用sort方法相同 var arr = [ {name:'zopp',age:0}, {name:'gpp',age:18}, {name:'yjj',age:8} ]; function compare(property){ return function(a,b){
javascript 利用Array的sort方法，对Array进行排序 （Array里面放的是对象而不是字符串）
闭月羞花猫
02-23 6844
利用Array的sort方法，对Array进行排序  （Array里面放的是对象而不是字符串）。 写了一个sample程序。 使用了jquery做了一下页面的处理，乱七八糟一大堆，其实真正有用的代码也就那么几句话。 这篇文章没什么技术含量，仅仅是自己做一个试验，并留作备忘。 （程序是可以跑得，只要引入一个jquery-1.6.2.js的包就可以了。） 而且css写的也稍微有点儿乱，
jquery排序 sort()
热门推荐
chongchong1325的博客
03-17 2万+
sort()方法用于对数组进行排序。这种排序是按照字母顺序进行排序的。那么就会疑惑，如果数组里面的元素是数字的话，怎么办？例如： var a = [1,7,33,6,5],利用sort排序怎么处理？接下来会有详细的介绍。 这里有一个无序列表ul，请对其中的数据进行排序。<button onclick="sortArr()">排序</button> <ul> <li>ads</li> <l
jquery 对象排序
最新发布
03-05
在jQuery中，可以使用`.sort()`方法对对象进行排序。该方法可以接受一个函数作为参数，用于指定排序的规则。 下面是一个示例，演示如何对包含姓名和年龄的对象数组按照年龄进行排序： ```javascript // 定义对象数组 var people = [ { name: "Alice", age: 25 }, { name: "Bob", age: 30 }, { name: "Charlie", age: 20 } ]; // 使用sort方法对对象数组进行排序 people.sort(function(a, b) { return a.age - b.age; }); // 输出排序结果 console.log(people); ``` 运行以上代码，输出结果如下： ``` [ { name: "Charlie", age: 20 }, { name: "Alice", age: 25 }, { name: "Bob", age: 30 } ] ``` 在上述示例中，我们使用`.sort()`方法对`people`数组进行排序。传递给`.sort()`方法的函数接受两个参数`a`和`b`，表示数组中的两个元素。函数内部通过比较`a.age`和`b.age`的大小来确定排序规则，如果`a.age`小于`b.age`，则返回一个负数，表示`a`应该排在`b`之前；如果`a.age`大于`b.age`，则返回一个正数，表示`a`应该排在`b`之后；如果`a.age`等于`b.age`，则返回0，表示两者相等。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值