<body>

    <div>

    sort()对数组排序，不开辟新的内存，对原有数组元素进行调换

    </div>

    <div id="showBox">

    1、简单数组简单排序

    <script type="text/javascript">

        var arrSimple=new Array(1,8,7,6);

        arrSimple.sort();

        document.writeln(arrSimple.join());

    </script>

    </div>

    <div>

    2、简单数组自定义排序

    <script type="text/javascript">

        var arrSimple2=new Array(1,8,7,6);

        arrSimple2.sort(function(a,b){

            return b-a});

        document.writeln(arrSimple2.join());

    </script>

    解释：a,b表示数组中的任意两个元素，若return > 0 b前a后；reutrn < 0 a前b后；a=b时存在浏览器兼容

    简化一下：a-b输出从小到大排序，b-a输出从大到小排序。

    </div>

    <div>

    3、简单对象List自定义属性排序

    <script type="text/javascript">

        var objectList = new Array();

        function Persion(name,age){

            this.name=name;

            this.age=age;

            }

        objectList.push(new Persion('jack',20));

        objectList.push(new Persion('tony',25));

        objectList.push(new Persion('stone',26));

        objectList.push(new Persion('mandy',23));

        //按年龄从小到大排序

        objectList.sort(function(a,b){

            return a.age-b.age});

        for(var i=0;i<objectList.length;i++){

            document.writeln('<br />age:'+objectList[i].age+' name:'+objectList[i].name);

            }

    </script>

    </div>

    <div>

    4、简单对象List对可编辑属性的排序

    <script type="text/javascript">

        var objectList2 = new Array();

        function WorkMate(name,age){

            this.name=name;

            var _age=age;

            this.age=function(){

                if(!arguments)

                {

                    _age=arguments[0];}

                else

                {

                    return _age;}

                }

            }

        objectList2.push(new WorkMate('jack',20));

        objectList2.push(new WorkMate('tony',25));

        objectList2.push(new WorkMate('stone',26));

        objectList2.push(new WorkMate('mandy',23));

        //按年龄从小到大排序

        objectList2.sort(function(a,b){

            return a.age()-b.age();

            });

        for(var i=0;i<objectList2.length;i++){

            document.writeln('<br />age:'+objectList2[i].age()+' name:'+objectList2[i].name);

            }

    </script>

    </div>

</body>

http://www.cnblogs.com/longze/archive/2012/11/27/2791230.html

简单对象List自定义属性排序的更多相关文章

  1. js简单对象List自定义属性排序

    简单对象List自定义属性排序 <script type="text/javascript"> var objectList = new Array(); functi ...

  2. js数组的sort排序详解

    <body> <div> sort()对数组排序,不开辟新的内存,对原有数组元素进行调换 </div> <div id="showBox" ...

  3. js-sort数组排序

    婆婆妈妈,直上代码: <body> <div> sort()对数组排序,不开辟新的内存,对原有数组元素进行调换 </div> <div id="sh ...

  4. JavaScript脚本语言基础（三）

    导读: 数学对象(Math) 数组对象(Array) 字符串对象(String) 日期对象(Date) js对象是属性和方法的集合.JavaScript中的所有事物都是对象,如:字符串.数值.数组.函 ...

  5. JavaScript sort() 方法详解

    定义和用法 sort() 方法用于对数组的元素进行排序. 语法 arrayObject.sort(sortby) 参数 描述 sortby 可选.规定排序顺序.必须是函数. 返回值 对数组的引用.请注 ...

  6. 前端MVC Vue2学习总结（一）——MVC与vue2概要、模板、数据绑定与综合示例

    一.前端MVC概要 1.1.库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束.库是工具,在单点上给我们提供功能.框架是依赖库的.Vue是框架而jQuery则是库. 1.2.AMD与CM ...

  7. Vue自学

    一.前端MVC概要 1.1.库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束.库是工具,在单点上给我们提供功能.框架是依赖库的.Vue是框架而jQuery则是库. 1.2.AMD与CM ...

  8. PropertyGrid排序

    解决PropertyGrid对自定义属性排序的问题. 参考了:http://www.cnblogs.com/greatverve/archive/2012/02/08/propergrid-order ...

  9. 基于原生JS封装数组原型上的sort方法

    基于原生JS封装数组原型上的sort方法 最近学习了数组的原型上内置方法的封装,加强了用原生JS封装方法的能力,也进一步理解数组方法封装的过程,实现的功能.虽然没有深入底层,了解源码.以下解法都是基于 ...

随机推荐

  1. Installing Percona XtraDB Cluster on CentOS

    PXC简介 Percona XtraDB Cluster(简称PXC集群)提供了MySQL高可用的一种实现方法. 1.集群是有节点组成的,推荐配置至少3个节点,但是也可以运行在2个节点上. 2.每个节 ...

  2. java 每一个对象都是根据hashCode区别的 每次返回不同的内存地址

    可以通过hashCode比较对象,hashCode如果重写的话 返回的内存地址是一样的 则不能创建对象

  3. FileZilla Server ftp 服务器下通过alias别名设置虚拟目录(多个分区)

    最近检查服务器的时候发现磁盘空间不够用了,正好有两个硬盘正好,一个硬盘还空着,正好通过ftp服务器的别名功能实现添加空间了,这样就不用重新弄机器了 说明:FileZilla Server 的虚拟目录设 ...

  4. Be the Winner HDU - 2509（反博弈。。这样叫应该没错吧。。）

    就是   好几堆苹果  每堆苹果排成一条线  可以任意从每堆拿苹果   如果一堆苹果里拿了之后  则有两种情况 1.从不是边缘拿   拿完这一堆变成两堆 2.从边缘拿   拿完还是一堆 题目还要求 谁 ...

  5. 【刷题】BZOJ 2049 [Sdoi2008]Cave 洞穴勘测

    Description 辉辉热衷于洞穴勘测.某天,他按照地图来到了一片被标记为JSZX的洞穴群地区.经过初步勘测,辉辉发现这片区域由n个洞穴(分别编号为1到n)以及若干通道组成,并且每条通道连接了恰好 ...

  6. 学习Spring Boot：（九）统一异常处理

    前言 开发的时候,每个controller的接口都需要进行捕捉异常的处理,以前有的是用切面做的,但是SpringMVC中就自带了@ControllerAdvice ,用来定义统一异常处理类,在 Spr ...

  7. 51nod 1766 树上的最远点对 | LCA ST表 线段树 树的直径

    51nod 1766 树上的最远点对 | LCA ST表 线段树 树的直径 题面 n个点被n-1条边连接成了一颗树,给出a~b和c~d两个区间,表示点的标号请你求出两个区间内各选一点之间的最大距离,即 ...

  8. 【树论 2】Kruskal 的学习和使用

    Tips:本题解是[随便搞搞 1]Prim算法的学习和使用 的姊妹篇,希望先阅读Prim算法. 预习及预备知识: 克鲁斯卡尔(Kruskal)算法是实现图的最小生成树最常用的算法. 大家知道,存储图的 ...

  9. ZABBIX 3.4 监控Nginx 状态(七）

    一.环境准备 1.在nginx的配置文件中,添加status配置        location /nginx_status {               stub_status on;       ...

  10. Redis事务介绍

    概述 相信学过Mysql等其他数据库的同学对事务这个词都不陌生,事务表示的是一组动作,这组动作要么全部执行,要么全部不执行.为什么会有这样的需求呢?看看下面的场景: 微博是一个弱关系型社交网络,用户之 ...