婆婆妈妈，直上代码：

 <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>

js-sort数组排序的更多相关文章

  1. js sort方法根据数组中对象的某一个属性值进行排序（实用方法）

    js sort方法根据数组中对象的某一个属性值进行排序 sort方法接收一个函数作为参数,这里嵌套一层函数用来接收对象属性名,其他部分代码与正常使用sort方法相同. var arr = [ {nam ...

  2. js sort tricks All In One

    js sort tricks All In One js 排序技巧 const arr = [ { label: 'False 1 ', disabled: false, }, { label: 'F ...

  3. js sort map by key

    js sort map by key Map map to array // Array.from() Object let obj = {}; for(let key of Object.keys( ...

  4. js & sort array object

    js & sort array object sort array object in js https://flaviocopes.com/how-to-sort-array-of-obje ...

  5. JS对象 数组排序sort() sort()方法使数组中的元素按照一定的顺序排列。 语法: arrayObject.sort(方法函数)

    数组排序sort() sort()方法使数组中的元素按照一定的顺序排列. 语法: arrayObject.sort(方法函数) 参数说明: 1.如果不指定<方法函数>,则按unicode码 ...

  6. js之数组排序

    数组,大家都不陌生,只要是学编程的人都知道这个入门的数据结构,在js中也是有数组这个概念的,跟普通的数组一样只是定义的形式不同罢了.下面是一个数组的排序代码: <html> <hea ...

  7. JS sort() 方法

    如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序.要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较. array.s ...

  8. JS实现数组排序的方法

    前言 排序是计算机内经常进行的一种操作,其目的是将一组“无序”的记录序列调整为“有序”的记录序列,当然排序也是算法中的一种,javascript内置的sort函数是多种排序算法的集合,数组在原数组上进 ...

  9. js sort() 排序用法（转载）

    原文:https://blog.csdn.net/m0_37885651/article/details/80016718 sort() 方法用于对数组的元素进行排序,并返回数组.默认排序顺序是根据字 ...

  10. js sort() reverse()

    数组中存在的两个方法:sort()和reverse() 直接用sort(),如下: ,,,,,,,,,,,]; console.log(array.sort());ps:[0, 1, 2, 2, 29 ...

随机推荐

  1. fenye

    <div class="ptb20 navpages"> <span class=" ">共有<span class=" ...

  2. Mysql 数据库之常用命令[更新中...]

    连接命令:mysql -h[主机地址] -u[用户名] -p[用户密码] 创建数据库:create database [库名] 例如:create database jtest; 显示所有数据库: s ...

  3. 掌握Thinkphp3.2.0----连贯操作

    其实在TP中,说起来语句中的各个关键词都被封装成了函数,将各个由关键词演变来的函数连起来就是所谓的连贯操作.只要注意各个函数直接参数传递的区别就可以了. 再者,不是所有的函数都可以进行连贯操作!!!比 ...

  4. parallelism

    COMPUTER ORGANIZATION AND ARCHITECTURE DESIGNING FOR PERFORMANCE NINTH EDITION Traditionally, the co ...

  5. RelativeLayout中实现控件平分屏幕

    <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_con ...

  6. telnet输入乱码的解决

    1.Win+R --- 运行窗口  输入cmd回车 2.输入telnet 主机 端口 3.连接主机发现无法输入 4.这里什么也不要输入,按下 ctrl+] 键 5.按下回车键,然后会弹出新的窗口,就可 ...

  7. http的一些事

    查找资料将http中缓存相关的知识记录下 一般来说:Last-Modifed和Expires是一对,ETag和Cache-Control是一对 Last-Modified Client端跟Server ...

  8. 教你分分钟学会用python爬虫框架Scrapy爬取心目中的女神

    本博文将带领你从入门到精通爬虫框架Scrapy,最终具备爬取任何网页的数据的能力.本文以校花网为例进行爬取,校花网:http://www.xiaohuar.com/,让你体验爬取校花的成就感. Scr ...

  9. asp.net mvc 5 web api 关于Requested resource does not support options 问题

    1.用visual studio 2015 建立一个 web api 应用程序.记住这是一个 web api 应用. 2.新建一个web api . 3.用C#访问,代码如下:[没有问题,返回正确] ...

  10. noi 1.5 43:质因数分解

    描述 已知正整数 n 是两个不同的质数的乘积,试求出较大的那个质数. 输入 输入只有一行,包含一个正整数 n.对于60%的数据,6 ≤ n ≤ 1000.对于100%的数据,6 ≤ n ≤ 2*10^ ...