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 12 Javascript
JavaScript匿名函数与委托使用示例
Jul 22 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
Aug 10 Javascript
JavaScript数组和循环详解
Apr 27 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
Dec 24 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
JS实现图片旋转动画效果封装与使用示例
Jul 09 Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 Javascript
JSON基本语法及与JavaScript的异同实例分析
Jan 04 Javascript
extract-text-webpack-plugin用法详解
Feb 14 Javascript
AJAX检测用户名是否存在的方法
Mar 24 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
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
PHP中for与foreach的区别分析
2011/03/09 PHP
PHP学习之数组的定义和填充
2011/04/17 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
3Z版基于jquery的图片复选框(asp.net+jquery)
2010/04/12 Javascript
js函数的引用, 关于内存的开销
2012/09/17 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
2013/07/14 Javascript
javascript中parentNode,childNodes,children的应用详解
2013/12/17 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
2014/05/11 Javascript
js怎么判断flash swf文件是否加载完毕
2014/08/14 Javascript
如何实现JavaScript动态加载CSS和JS文件
2020/12/28 Javascript
javascript正则表达式中分组详解
2016/07/17 Javascript
jQuery遍历节点树方法分析
2016/09/08 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
underscore之function_动力节点Java学院整理
2017/07/11 Javascript
谈谈对vue响应式数据更新的误解
2017/08/01 Javascript
JS实现验证码倒计时的注册页面
2018/01/02 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
2018/09/07 Javascript
vue简单练习 桌面时钟的实现代码实例
2019/09/19 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
2018/08/07 Python
对python的输出和输出格式详解
2018/12/08 Python
Python 窗体(tkinter)按钮 位置实例
2019/06/13 Python
详解Django定时任务模块设计与实践
2019/07/24 Python
Django celery异步任务实现代码示例
2020/11/26 Python
李维斯德国官方网上商店:Levi’s德国
2016/09/10 全球购物
伦敦平价潮流珠宝首饰品牌:Astrid & Miyu
2016/10/10 全球购物
香港时尚女装购物网站:ZAFUL
2017/07/19 全球购物
Myholidays美国:在线旅游网站
2019/08/16 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
C#中的验证控件有几种
2014/03/08 面试题
国家税务局干部作风整顿整改措施
2014/09/18 职场文书
整改通知书
2015/04/20 职场文书
2016年社区六一儿童节活动总结
2016/04/06 职场文书
Redis+Lua脚本实现计数器接口防刷功能(升级版)
2022/02/12 Redis
CSS link与@import的区别和用法解析
2023/05/07 HTML / CSS