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 事件参考手册
Dec 24 Javascript
JavaScript 学习技巧
Feb 17 Javascript
jqGrid中文文档之选项设置
Dec 02 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
Dec 26 Javascript
懒加载实现的分页&amp;&amp;网站footer自适应
Dec 21 Javascript
jQuery树插件zTree使用方法详解
May 02 jQuery
angular或者js怎么确定选中ul中的哪几个li
Aug 16 Javascript
weui框架实现上传、预览和删除图片功能代码
Aug 24 Javascript
vue 配置多页面应用的示例代码
Oct 22 Javascript
vue element 生成无线级左侧菜单的实现代码
Aug 21 Javascript
微信小程序页面渲染实现方法
Nov 06 Javascript
使用jQuery实现购物车
Oct 29 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 Mysql编程之高级技巧
2008/08/27 PHP
php 上传文件类型判断函数(避免上传漏洞 )
2010/06/08 PHP
php断点续传之如何分割合并文件
2014/03/22 PHP
php计算两个坐标(经度,纬度)之间距离的方法
2015/04/17 PHP
Yii框架中sphinx索引配置方法解析
2016/10/18 PHP
Zend Framework数据库操作技巧总结
2017/02/18 PHP
如何用javascript去掉字符串里的所有空格
2007/02/08 Javascript
js原生态函数中使用jQuery中的 $(this)无效的解决方法
2011/05/25 Javascript
JS实现让访问者自助选择网页文字颜色的方法
2015/02/24 Javascript
JS打印组合功能
2016/08/04 Javascript
angularjs实现上拉加载和下拉刷新数据功能
2017/06/12 Javascript
JS实现颜色的10进制转化成rgba格式的方法
2017/09/04 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
ES6 javascript的异步操作实例详解
2017/10/30 Javascript
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
ES6 Promise对象概念及用法实例详解
2019/10/15 Javascript
[32:39]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第一场 11.04
2020/11/04 DOTA
使用tensorflow实现线性回归
2018/09/08 Python
Python面向对象程序设计类的封装与继承用法示例
2019/04/12 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
python matplotlib模块基本图形绘制方法小结【直线,曲线,直方图,饼图等】
2020/04/26 Python
没编程基础可以学python吗
2020/06/17 Python
Python正则re模块使用步骤及原理解析
2020/08/18 Python
如何通过python计算圆周率PI
2020/11/11 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
关于CSS Tooltips(鼠标经过时显示)的效果
2013/04/10 HTML / CSS
母亲七十大寿答谢词
2014/01/18 职场文书
送温暖献爱心活动总结
2014/07/08 职场文书
人民调解协议书范本
2014/10/11 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
实习单位推荐信
2015/03/27 职场文书
2015年司法局工作总结
2015/05/22 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
python manim实现排序算法动画示例
2022/08/14 Python