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实用技巧(一)
Aug 16 Javascript
javascript基础知识大集锦(一) 推荐收藏
Jan 13 Javascript
JS中表单的使用小结
Jan 11 Javascript
一道JS前端闭包面试题解析
Dec 25 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
jQuery File Upload文件上传插件使用详解
Dec 06 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
Dec 13 Javascript
Javascript中Promise的四种常用方法总结
Jul 14 Javascript
js处理包含中文的字符串实例
Oct 11 Javascript
Node.js readline 逐行读取、写入文件内容的示例
Mar 01 Javascript
浅谈Webpack多页应用HMR卡住问题
Apr 24 Javascript
JavaScript中this的学习笔记及用法整理
Feb 17 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通过正则表达式下载图片到本地的实现代码
2011/09/19 PHP
php实现文件下载(支持中文文名)
2013/12/04 PHP
PHP执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
Microsoft Ajax Minifier 压缩javascript的方法
2010/03/05 Javascript
NodeJs中的非阻塞方法介绍
2012/06/05 NodeJs
js读取csv文件并使用json显示出来
2015/01/09 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
Javascript中的return作用及javascript return关键字用法详解
2015/11/05 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
Vue之Vue.set动态新增对象属性方法
2018/02/23 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
微信小程序实现左滑修改、删除功能
2020/10/19 Javascript
Vue中用props给data赋初始值遇到的问题解决
2018/11/27 Javascript
VUE中setTimeout和setInterval自动销毁案例
2020/09/07 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
2020/11/04 Javascript
[02:08]2014DOTA2国际邀请赛 430专访:力争取得小组前二
2014/07/11 DOTA
ansible作为python模块库使用的方法实例
2017/01/17 Python
Python实现合并两个列表的方法分析
2018/05/28 Python
Python爬虫包BeautifulSoup学习实例(五)
2018/06/17 Python
python读取指定字节长度的文本方法
2019/08/27 Python
Python解压 rar、zip、tar文件的方法
2019/11/19 Python
python 爬虫 实现增量去重和定时爬取实例
2020/02/28 Python
python实现快递价格查询系统
2020/03/03 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
玩具反斗城天猫官方旗舰店:享誉全球的玩具店
2017/10/10 全球购物
阿拉伯书店:Jamalon
2019/07/24 全球购物
记者岗位职责
2014/01/06 职场文书
大学生党员自我批评
2014/02/14 职场文书
2015年大学元旦晚会活动策划书
2014/12/09 职场文书
2015建军节87周年演讲稿
2015/03/19 职场文书
2015年行政工作总结范文
2015/04/09 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
导游词之丽江普济寺
2019/10/22 职场文书
CocosCreator如何实现划过的位置显示纹理
2021/04/14 Javascript
vue实现无缝轮播效果(跑马灯)
2021/05/14 Vue.js