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的Pager分页器实现代码
Jul 17 Javascript
2014年最火的Node.JS后端框架推荐
Oct 27 Javascript
node.js中的console用法总结
Dec 15 Javascript
基于jquery实现左右按钮点击的图片切换效果
Jan 27 Javascript
javascript 数组的正态分布排序的问题
Jul 31 Javascript
AngularJS实现星星等级评分功能
Sep 24 Javascript
Angular2平滑升级到Angular4的步骤详解
Mar 29 Javascript
angularJs的ng-class切换class
Jun 23 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
Aug 31 Javascript
详解Axios 如何取消已发送的请求
Oct 20 Javascript
如何在postman测试用例中实现断言过程解析
Jul 09 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 jQuery
详解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+Ajax实现表单验证的详解
2013/06/25 PHP
mouse_on_title.js
2006/08/25 Javascript
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
javascript AOP 实现ajax回调函数使用比较方便
2010/11/20 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
2017/03/30 Javascript
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
javaScript封装的各种写法
2017/08/14 Javascript
vue解决跨域路由冲突问题思路解析
2017/11/03 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
2018/04/18 jQuery
原生JS实现旋转轮播图+文字内容切换效果【附源码】
2018/09/29 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
js Math数学简单使用操作示例
2020/03/13 Javascript
零基础写python爬虫之使用Scrapy框架编写爬虫
2014/11/07 Python
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
Python中的特殊语法:filter、map、reduce、lambda介绍
2015/04/14 Python
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
python读取LMDB中图像的方法
2018/07/02 Python
对python3中的RE(正则表达式)-详细总结
2019/07/23 Python
如何解决django-celery启动后迅速关闭
2019/10/16 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
Python PyQt5模块实现窗口GUI界面代码实例
2020/05/12 Python
python3字符串输出常见面试题总结
2020/12/01 Python
HTTP状态码详解
2021/03/18 杂记
美国家用电器和电子产品商店:Abt
2016/09/06 全球购物
100%法国制造的游戏和玩具:Les Jouets Français
2021/03/02 全球购物
咖啡馆创业计划书
2014/01/26 职场文书
党员公开承诺践诺书
2014/03/25 职场文书
大学生就业自我推荐信
2014/05/10 职场文书
办护照工作证明
2014/10/01 职场文书
信访工作个人总结
2015/03/03 职场文书
2015年乡镇发展党员工作总结
2015/03/31 职场文书
小学教师见习总结
2015/06/23 职场文书
李清照的诗词赏析(20首)
2019/08/22 职场文书
Python音乐爬虫完美绕过反爬
2021/08/30 Python
详解Mysql事务并发(脏读、不可重复读、幻读)
2022/04/29 MySQL