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 解疑
Nov 11 Javascript
使用CamanJS在Web页面上处理图像的技巧
Aug 18 Javascript
AngularJS中isolate scope的用法分析
Nov 22 Javascript
JS基于面向对象实现的拖拽功能示例
Dec 20 Javascript
Node.js读取文件内容示例
Mar 07 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
Mar 21 Javascript
vue中计算属性(computed)、methods和watched之间的区别
Jul 27 Javascript
angular4 如何在全局设置路由跳转动画的方法
Aug 30 Javascript
js设置随机切换背景图片的简单实例
Nov 12 Javascript
在create-react-app中使用css modules的示例代码
Jul 31 Javascript
Express结合Webpack的全栈自动刷新
May 23 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 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
MySQL授权问题总结
2007/05/06 PHP
php提示Warning:mysql_fetch_array() expects的解决方法
2014/12/16 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
Javascript this 的一些学习总结
2012/08/31 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
2013/01/20 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
jquery移动listbox的值原理及代码
2013/05/03 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
Javascript中call与apply的学习笔记
2014/09/22 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
2015/06/19 Javascript
jQuery基于ajax实现带动画效果无刷新柱状图投票代码
2015/08/10 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
js 监控iframe URL的变化实例代码
2017/07/12 Javascript
详解利用 Express 托管静态文件的方法
2017/09/18 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
2020/07/18 Javascript
Python常用的爬虫技巧总结
2016/03/28 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
详解小白之KMP算法及python实现
2019/04/04 Python
Pycharm 文件更改目录后,执行路径未更新的解决方法
2019/07/19 Python
python是否适合网页编程详解
2019/10/04 Python
python实现word文档批量转成自定义格式的excel文档的思路及实例代码
2020/02/21 Python
Python如何实现的二分查找算法
2020/05/27 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
Keras构建神经网络踩坑(解决model.predict预测值全为0.0的问题)
2020/07/07 Python
python subprocess pipe 实时输出日志的操作
2020/12/05 Python
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
英国复古服装购物网站:Collectif
2019/10/30 全球购物
新闻记者实习自我鉴定
2013/09/19 职场文书
公司规章制度范本
2015/08/03 职场文书
Oracle 触发器trigger使用案例
2022/02/24 Oracle