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 页面坐标相关知识整理
Jan 09 Javascript
Jquery 获取checkbox的checked问题
Nov 16 Javascript
js 实现 input type=&quot;file&quot; 文件上传示例代码
Aug 07 Javascript
js日期相关函数总结分享
Oct 15 Javascript
javascript断点调试心得分享
Apr 23 Javascript
浅谈jQuery双事件多重加载的问题
Oct 05 Javascript
JS中数组重排序方法
Nov 11 Javascript
jQuery.parseHTML() 函数详解
Jan 09 Javascript
使用jquery datatable和bootsrap创建表格实例代码
Mar 17 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 jQuery
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
jQuery实现查看图片功能
Dec 01 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获取网卡地址的代码
2008/04/09 PHP
php中session_unset与session_destroy的区别分析
2011/06/16 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
2016/07/28 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
显示js对象所有属性和方法的函数
2009/10/16 Javascript
js监听表单value的修改同步问题,跨浏览器支持
2009/12/31 Javascript
JavaScript中的字符串操作详解
2013/11/12 Javascript
对js关键字命名的疑问介绍
2014/04/25 Javascript
window.location.hash知识汇总
2015/11/09 Javascript
Bootstrap开关(switch)控件学习笔记分享
2016/05/30 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
微信小程序 火车票查询实例讲解
2016/10/17 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
2016/11/07 Javascript
Javascript中关于Array.filter()的妙用详解
2016/12/04 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
2017/04/01 jQuery
学习使用Bootstrap页面排版样式
2017/05/11 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
2018/08/19 Javascript
vsCode安装使用教程和插件安装方法
2020/08/24 Javascript
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
python单线程实现多个定时器示例
2014/03/30 Python
Python制作exe文件简单流程
2019/01/24 Python
关于HTML5的22个初级技巧(图文教程)
2012/06/21 HTML / CSS
加拿大女装网上购物:Reitmans
2016/10/20 全球购物
100%有机精油,美容油:House of Pure Essence
2018/10/30 全球购物
台湾屈臣氏网路商店:Watsons台湾
2020/12/29 全球购物
设置器与访问器的定义以及各自特点
2016/01/08 面试题
求职自荐信范文格式
2013/11/29 职场文书
学校节能减排倡议书
2014/05/16 职场文书
计算机实训报告总结
2014/11/05 职场文书
超市采购员岗位职责
2015/04/07 职场文书
小学生安全教育主题班会
2015/08/12 职场文书
详解Vue的sync修饰符
2021/05/15 Vue.js
python实现语音常用度量方法的代码详解
2021/05/25 Python