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 相关文章推荐
js函数使用技巧之 setTimeout(function(){},0)
Feb 09 Javascript
优化Jquery,提升网页加载速度
Nov 14 Javascript
JS简单实现元素复制示例附图
Nov 19 Javascript
jquery绑定事件不生效的解决方法
Feb 11 Javascript
使用JS代码实现点击按钮下载文件
Nov 12 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
Dec 01 Javascript
js以及jquery实现手风琴效果
Apr 17 Javascript
JavaScript实现获取用户单击body中所有A标签内容的方法
Jun 05 Javascript
vue实现分页组件
Jun 16 Javascript
vue百度地图 + 定位的详解
May 13 Javascript
Vue+Java+Base64实现条码解析的示例
Sep 23 Javascript
详解CocosCreator消息分发机制
Apr 16 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中抽象类和接口的概念以及区别
2013/06/27 PHP
php使用curl详细解析及问题汇总
2016/08/11 PHP
php中通用的excel导出方法实例
2017/12/30 PHP
PHP swoole和redis异步任务实现方法分析
2019/08/12 PHP
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
点击隐藏页面左栏或右栏实现js代码
2013/04/01 Javascript
jquery插件validate验证的小例子
2013/05/08 Javascript
jQuery自带的一些常用方法总结
2014/09/03 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
2017/01/10 Javascript
JavaScript利用闭包实现模块化
2017/01/13 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
2017/01/18 Javascript
详解用webpack把我们的业务模块分开打包的方法
2017/07/20 Javascript
Vue 项目代理设置的优化
2018/04/17 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
2018/09/30 Javascript
详解基于原生JS验证表单组件xy-form
2019/08/20 Javascript
解决layer.open后laydate失效的问题
2019/09/06 Javascript
vue相同路由跳转强制刷新该路由组件操作
2020/08/05 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
[00:32]2018DOTA2亚洲邀请赛OpTic出场
2018/04/03 DOTA
[42:34]VP vs VG 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
tensorflow获取变量维度信息
2018/03/10 Python
Django开发中复选框用法示例
2018/03/20 Python
Tornado Web Server框架编写简易Python服务器
2018/07/28 Python
python yield和Generator函数用法详解
2020/02/10 Python
python实现猜单词游戏
2020/05/22 Python
基于PyInstaller各参数的含义说明
2021/03/04 Python
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
2014/04/08 HTML / CSS
Expedia法国:全球最大在线旅游公司
2018/09/30 全球购物
2013的个人自我评价
2013/12/26 职场文书
写自荐信三大法宝
2014/01/24 职场文书
财产保全担保书范文
2014/04/01 职场文书
《果园机器人》教学反思
2014/04/13 职场文书
迎七一演讲稿
2014/09/12 职场文书
2015年超市收银员工作总结
2015/04/25 职场文书
SQL Server——索引+基于单表的数据插入与简单查询【1】
2021/04/05 SQL Server
《模拟人生4》推出新补丁 “婚礼奇缘”DLC终于得到修复
2022/04/03 其他游戏