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 相关文章推荐
Javascript处理DOM元素事件实现代码
May 23 Javascript
JS中图片缓冲loading技术的实例代码
Aug 29 Javascript
返回页面顶部top按钮通过锚点实现(自写)
Aug 30 Javascript
js封装可使用的构造函数继承用法分析
Jan 28 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
Aug 11 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 Javascript
JavaScript函数基础详解
Feb 03 Javascript
基于Node的React图片上传组件实现实例代码
May 10 Javascript
初学node.js中实现删除用户路由
May 27 Javascript
策略模式实现 Vue 动态表单验证的方法
Sep 16 Javascript
JavaScript实现简单动态表格
Dec 02 Javascript
JS精髓原型链继承及构造函数继承问题纠正
Jun 16 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 的 __FILE__ 常量
2007/01/15 PHP
php+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
php设计模式 Template (模板模式)
2011/06/26 PHP
yii2利用自带UploadedFile实现上传图片的示例
2017/02/16 PHP
php-fpm服务启动脚本的方法
2018/04/27 PHP
JQuery 遮罩层实现(mask)实现代码
2010/01/09 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
jQuery自定义滚动条完整实例
2016/01/08 Javascript
理解JavaScript中Promise的使用
2016/01/18 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
JavaScript获取服务器端时间的方法
2016/11/29 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
Vue form 表单提交+ajax异步请求+分页效果
2017/04/22 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
python数据结构之二叉树的建立实例
2014/04/29 Python
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
推荐11个实用Python库
2015/01/23 Python
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
Pycharm在创建py文件时,自动添加文件头注释的实例
2018/05/07 Python
selenium+python自动化测试之鼠标和键盘事件
2019/01/23 Python
selenium+python自动化测试环境搭建步骤
2019/06/03 Python
浅谈Python小波分析库Pywavelets的一点使用心得
2019/07/09 Python
Python图像处理库PIL的ImageFont模块使用介绍
2020/02/26 Python
基于Pyinstaller打包Python程序并压缩文件大小
2020/05/28 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
DRF框架API版本管理实现方法解析
2020/08/21 Python
BAILEY 44官网:美国制造的女性服装
2019/07/01 全球购物
室内设计自我鉴定
2013/10/15 职场文书
妇科医生自荐信
2013/11/05 职场文书
服装创业计划书范文
2014/02/05 职场文书
《特殊的葬礼》教学反思
2014/04/27 职场文书
实习指导教师评语
2014/12/30 职场文书