<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. QString，string，char* 在utf8和gbk不同编码下的相互转化

    关于编码简介:ascii编码是最开始的编码规则本,里面只收纳了英文.特殊字符.数字等有限字符,采用的是8位一个字节的方式进行编码对照:unicode在ascii码的基础上进行了升级扩展,立志将全世界所 ...

  2. BZOJ5104 Fib数列（二次剩余+BSGS）

    5在1e9+9下有二次剩余,那么fib的通项公式就有用了. 已知Fn,求n.注意到[(1+√5)/2]·[(1-√5)/2]=-1,于是换元,设t=[(1+√5)/2]n,原式变为√5·Fn=t-(- ...

  3. 【刷题】洛谷 P3872 [TJOI2010]电影迷

    题目描述 小A是一个电影迷,他收集了上百部的电影,打算从中挑出若干部在假期看完.他根据自己的口味和网上的介绍,对每部电影X都打了一个分数vX,表示自己喜欢的程度.这个分数的范围在-1000至1000之 ...

  4. Unity使用C#实现简单Scoket连接及服务端与客户端通讯

    简介: 网络编程是个很有意思的事情,偶然翻出来很久之前刚开始看Socket的时候写的一个实例,贴出来吧 Unity中实现简单的Socket连接,c#中提供了丰富的API,直接上代码. 服务端代码: [ ...

  5. HEOI2015小L的白日梦

    题面链接 洛咕 sol 为什么网上面只有神仙题解啊!!! 引起我这种蒟蒻不适QAQ. 性质证明留给巨佬 然后我只贴性质了QwQ. 1.一定存在最优解每一天不高兴的概率是单调不增的. 2.一定存在最优解 ...

  6. WEB入门.七 CSS布局模型

    学习内容 标准文档流 流动模型(flow model) 浮动模型(float model) CSS基本布局 能力目标 理解标准文档流 使用流动模型实现页面布局 使用浮动模型实现页面布局 掌握常用CSS ...

  7. 【bzoj4231】回忆树

    题解: 树上的串匹配,模式串的总长$|S|$,令$\overline {S} $为$S$的反串: 对$S$和$\overline {S} $分别建自动机 $u -> v$可以分成三个部分去统计 ...

  8. [APIO2009]采油区域

    题目描述 Siruseri 政府决定将石油资源丰富的 Navalur 省的土地拍卖给私人承包商以 建立油井.被拍卖的整块土地为一个矩形区域,被划分为 M×N 个小块. Siruseri 地质调查局有关 ...

  9. CSS3 grayscale滤镜+SVG使图片变黑白实例页面

    CSS代码: .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale( ...

  10. bug3 乱码问题

    出现乱码问题是因为各软件之间的编码方式不同导致 1.tomcat修改编码方法: 2.myeclipse中修改编码方式的方法: window----preference ----general----- ...