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和Asp、Php等后端程序间传值编码统一
Apr 17 Javascript
给Function做的OOP扩展
May 07 Javascript
Mootools 1.2教程 选项卡效果(Tabs)
Sep 15 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
Nov 15 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
Jun 24 Javascript
js实现上传图片预览的方法
Feb 09 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
May 04 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
跟我学习javascript的undefined与null
Nov 17 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
AngularJS 多指令Scope问题的解决
Oct 25 Javascript
vue中父子组件传值,解决钩子函数mounted只运行一次的操作
Jul 27 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小技巧 把数组的键和值交换形成了新的数组,查找值取得键
2011/06/02 PHP
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
PHP删除数组中的特定元素的代码
2012/06/28 PHP
PHP中$_SERVER使用说明
2015/07/05 PHP
php实现微信发红包
2015/12/05 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
jquery 最简单易用的表单验证插件
2010/02/27 Javascript
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
使用JQuery和CSS模拟超链接的用户单击事件的实现代码
2012/05/23 Javascript
Jquery动态进行图片缩略的原理及实现
2013/08/13 Javascript
分享一些常用的jQuery动画事件和动画函数
2015/11/27 Javascript
jQuery实现选项卡切换效果简单演示
2015/12/09 Javascript
微信小程序 开发指南详解
2016/09/27 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
jquery实现有过渡效果的tab切换
2020/07/17 jQuery
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
[00:32]DOTA2上海特级锦标赛 Ehome战队宣传片
2016/03/03 DOTA
[44:58]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第二场
2018/04/06 DOTA
Python中max函数用法实例分析
2015/07/17 Python
python 自定义装饰器实例详解
2019/07/20 Python
Python3实现配置文件差异对比脚本
2019/11/18 Python
python自动识别文本编码格式代码
2019/12/26 Python
win10下opencv-python特定版本手动安装与pip自动安装教程
2020/03/05 Python
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
华润集团网上药店:健一网
2016/09/19 全球购物
幼儿教师国培感言
2014/02/19 职场文书
房屋授权委托书范本
2014/10/07 职场文书
2014年班主任工作总结
2014/11/08 职场文书
小学五年级语文上册教学计划
2015/01/22 职场文书
幼儿园迎新生欢迎词
2015/09/30 职场文书
创业计划书之干洗店
2019/09/10 职场文书
vue-cli4.5.x快速搭建项目
2021/05/30 Vue.js
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis