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 18 Javascript
JS获取文本框,下拉框,单选框的值的简单实例
Feb 26 Javascript
ECMA5数组的新增方法有哪些及forEach()模仿实现
Nov 03 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
May 10 Javascript
微信小程序 textarea 详解及简单使用方法
Dec 05 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
vue项目中实现图片预览的公用组件功能
Oct 26 Javascript
解决一个微信号同时支持多个环境网页授权问题
Aug 07 Javascript
Vue防止白屏添加首屏动画的实例
Oct 31 Javascript
Vue记住滚动条和实现下拉加载的完美方法
Jul 31 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
Jul 31 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+MSSQL分页的例子
2006/10/09 PHP
使用PHP实现二分查找算法代码分享
2011/06/24 PHP
PHP中的strtr函数使用介绍(str_replace)
2011/10/20 PHP
解析PHP中empty is_null和isset的测试
2013/06/29 PHP
PHP实现根据银行卡号判断银行
2015/04/29 PHP
thinkphp在低版本Nginx 下支持PATHINFO的方法分享
2016/05/27 PHP
javascript cookies操作集合
2010/04/12 Javascript
js 判断checkbox是否选中的实现代码
2010/11/23 Javascript
javaScript同意等待代码实现心得
2011/01/01 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
基于jQuery制作小图标上下滑动特效
2017/01/18 Javascript
php 解压zip压缩包内容到指定目录的实例
2018/01/23 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
Python fileinput模块使用实例
2015/05/28 Python
python 第三方库的安装及pip的使用详解
2017/05/11 Python
使用Python实现windows下的抓包与解析
2018/01/15 Python
python 接收处理外带的参数方法
2018/12/03 Python
详解用python自制微信机器人,定时发送天气预报
2019/03/25 Python
django中的图片验证码功能
2019/09/18 Python
Python3 xml.etree.ElementTree支持的XPath语法详解
2020/03/06 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
基于HTML5的WebSocket的实例代码
2018/08/15 HTML / CSS
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
const和static readonly区别
2013/05/20 面试题
读书演讲主持词
2014/03/18 职场文书
2014年为民办实事工作总结
2014/12/20 职场文书
隐形的翅膀观后感
2015/06/10 职场文书
三八节活动主持词
2015/07/04 职场文书
学会掌握自己命运的十条黄金法则:
2019/08/08 职场文书
Go语言实现Base64、Base58编码与解码
2021/07/26 Golang
Win11 Build 21996.1 Dev版怎么样? win11系统截图欣赏
2021/11/21 数码科技
java如何实现获取客户端ip地址的示例代码
2022/04/07 Java/Android