<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. equals比较对象

    object类的equals方法用来比较是否是同一个对象,比较内存地址. jdk中有些类重写了equals方法,只要类型,内容相同,就相等. 类如果涉及到比较应该重写equals方法,比较内存地址没有 ...

  2. delphi手动创建dataset并插入值

    unit Unit1; interface uses  Winapi.Windows, Winapi.Messages, System.SysUtils, System.Variants, Syste ...

  3. 【转载】css3动画简介以及动画库animate.css的使用

    原文地址:http://www.cnblogs.com/2050/p/3409129.html 在这个年代,你要是不懂一点点css3的知识,你都不好意思说你是个美工.美你妹啊,请叫我前端工程师好不好. ...

  4. BZOJ5006 THUWC2017随机二分图（概率期望+状压dp）

    下称0类为单边,1类为互生边,2类为互斥边.对于一种匹配方案,考虑其出现的概率*2n后对答案的贡献,初始为1,如果有互斥边显然变为0,否则每有一对互生边其贡献*2.于是有一个显然的dp,即设f[S1] ...

  5. Concise and clear CodeForces - 991F(dfs 有重复元素的全排列)

    就是有重复元素的全排列 #include <bits/stdc++.h> #define mem(a, b) memset(a, b, sizeof(a)) using namespace ...

  6. hdu 5195 DZY Loves Topological Sorting （拓扑排序+线段树）

    DZY Loves Topological Sorting Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 131072/131072 ...

  7. 学习Spring Boot：（四）应用日志

    前言 应用日志是一个系统非常重要的一部分,后来不管是开发还是线上,日志都起到至关重要的作用.这次使用的是 Logback 日志框架. 正文 Spring Boot在所有内部日志中使用Commons L ...

  8. BZOJ2213 [Poi2011]Difference 【乱搞】

    题目链接 BZOJ2213 题解 考虑任意一对点的贡献,单独拿出那些点所在位置 一个设为\(1\),一个设为\(-1\),从头到尾扫一遍维护前缀和,以及当前最小前缀和 两者相减更新答案 需要注意的是当 ...

  9. 【spoj NSUBSTR】 Substrings

    http://www.spoj.com/problems/NSUBSTR/ (题目链接) 题意 给出一个字符串S,令${F(x)}$表示S的所有长度为x的子串出现次数的最大值.求${F(1)..... ...

  10. P3355 骑士共存问题

    P3355 骑士共存问题 题目描述 在一个 n*n (n <= 200)个方格的国际象棋棋盘上,马(骑士)可以攻击的棋盘方格如图所示.棋盘上某些方格设置了障碍,骑士不得进入 对于给定的 n*n ...