对象数组排序，利用jquery

最新推荐文章于 2020-11-30 22:05:43 发布

apensu

最新推荐文章于 2020-11-30 22:05:43 发布

阅读量1.8w

点赞数 2

分类专栏： Javascript 文章标签： function border table html jquery

本文链接：https://blog.csdn.net/apensu/article/details/7088011

版权

Javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

在数组中使用字符串进行排序

有数组是

imageArr.push({href:h, name:fileName});

按照名字来排序：

var sortImageArr = imageArr.sort(function(a, b){
		return a.name.localeCompare(b.name);
		//return 1 or 0 or -1
	});

在网络上查到的

http://mmz06.blog.163.com/blog/static/12141696201102935021258/

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

<html>
  <head>
    <title>jQuery数组和字符串--对象数组排序</title>
    <script type="text/javascript" src="../jquery-1.3.2.min.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>

apensu

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
对象数组排序，利用jquery

在网络上查到的http://mmz06.blog.163.com/blog/static/12141696201102935021258/ jQuery数组和字符串--对象数组排序 <!-- $( function() { var students =[
复制链接

扫一扫