JS实现数组按升序及降序排列的方法


Posted in Javascript onApril 26, 2017

本文实例讲述了JS实现数组按升序及降序排列的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>数组数字大小排序</title>
</head>
<body>
  <p>让数组按照升序降序排列</p>
  <p>这里写个数组 var array=[1,80,4,33,21,55];</p>
  <p>升序输出:</p>
  <script type="text/javascript">
    var array=[1,80,4,33,21,55];
    array.sort(function (x,y) {
      return x-y;
    });
    document.writeln(array);
  </script>
  <p>解释:<br> x,y表示数组中的任意两个元素,若return > 0,则y前x;若reutrn < 0 ,则x前y后;当x=y时存在浏览器兼容。<br>简单来说:就是,x-y是按照从小到大排序,y-x是按照从大到小排序。</p>
  <p>顺手写个降序:</p>
  <script type="text/javascript">
    var array=[1,80,4,33,21,55];
    array.sort(function (x,y) {
      return y-x;
    });
    document.writeln(array);
  </script>
</body>
</html>

运行效果图如下:

JS实现数组按升序及降序排列的方法

Javascript 相关文章推荐
jquery isEmptyObject判断是否为空对象的函数
Feb 14 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
Nov 18 Javascript
js设置function参数默认值(适合没有传参情况)
Feb 24 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
Node.js实用代码段之获取Buffer对象字节长度
Mar 17 Javascript
jQuery.deferred对象使用详解
Mar 18 Javascript
简单了解JavaScript操作XPath的一些基本方法
Jun 03 Javascript
AngularJS中watch监听用法分析
Nov 04 Javascript
详解html-webpack-plugin用法全解
Jan 22 Javascript
微信小程序使用map组件实现路线规划功能示例
Jan 22 Javascript
使用webpack搭建pixi.js开发环境
Feb 12 Javascript
基于aotu.js实现微信自动添加通讯录中的联系人功能
May 28 Javascript
详解AngularJs ui-router 路由的简单介绍
Apr 26 #Javascript
JS ES6多行字符串与连接字符串的表示方法
Apr 26 #Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 #Javascript
Vue.js实现文章评论和回复评论功能
May 30 #Javascript
详解node.js平台下Express的session与cookie模块包的配置
Apr 26 #Javascript
jQuery实现鼠标滑过预览图片大图效果的方法
Apr 26 #jQuery
快速使用node.js进行web开发详解
Apr 26 #Javascript
You might like
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
PHP数据库操作之基于Mysqli的数据库操作类库
2014/04/19 PHP
PHP实现设计模式中的抽象工厂模式详解
2014/10/11 PHP
php从字符串创建函数的方法
2015/03/16 PHP
WordPress中给媒体文件添加分类和标签的PHP功能实现
2015/12/31 PHP
php ajax数据传输和响应方法
2018/08/21 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
从JavaScript的函数重名看其初始化方式
2007/03/08 Javascript
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
javascript自定义in_array()函数实现方法
2015/08/03 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
2016/08/05 Javascript
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
2016/08/11 Javascript
Node.js的环境安装配置(使用nvm方式)
2016/10/11 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
利用VUE框架,实现列表分页功能示例代码
2017/01/12 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
JavaScript实现的简单加密解密操作示例
2018/06/01 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
js array数组对象操作方法汇总
2019/03/18 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
2019/03/29 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
[06:24]DOTA2亚洲邀请赛小组赛第三日 TOP10精彩集锦
2015/02/01 DOTA
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
Python编程中的文件读写及相关的文件对象方法讲解
2016/01/19 Python
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2019/10/14 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
python双端队列原理、实现与使用方法分析
2019/11/27 Python
Python进程Multiprocessing模块原理解析
2020/02/28 Python
环境工程求职简历的自我评价范文
2013/10/24 职场文书
工作评语大全
2014/04/26 职场文书
读书之星事迹材料
2014/05/12 职场文书
一份关于丢失公司财物的检讨书
2014/09/19 职场文书
2014年档案管理员工作总结
2014/12/01 职场文书
国家助学贷款承诺书
2015/04/30 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书