/ 注册

php开发
前端

HTML| CSS| JavaScript| Vue.js

后端

PHP| ThinkPHP| Laravel| MySQL| Redis
最新推荐

php8，我来也

84669人学习

细说PHP(2021版)第一季

65727人学习

TP6.0 搭建个人博客实战（玉女心经版）

82984人学习

2018前端入门_HTML5

467778人学习
大前端
原生基础

HTML| CSS| HTML5| CSS3| JavaScript

框架开发

jQuery| Vue.js| React| AngularJS| Node.js| BootStrap| AJAX| Foundation
最新推荐

JavaScript极速入门_玉女心经系列

498837人学习

独孤九贱(1)_HTML5视频教程

471966人学习

CSS视频教程-玉女心经版

256484人学习

30分钟学会网站布局

152542人学习
后端开发
编程语言

PHP| Python| Go| Java| C| C++| C#| VBSscript| Scala| Lua| Perl| Ruby| JSP| XML| ASP

框架/工具

ThinkPHP| Laravel| Servlet| Django| ASP.NET
最新推荐

Thinkphp6.0正式版视频教程

224170人学习

php8，我来也

84669人学习

PHP实战天龙八部之微信支付视频教程

139536人学习

CI框架30分钟极速入门

81804人学习
数据库
基础入门

MySQL| SQL Server

进阶学习

MongoDB| Oracle| Redis| Memcached
最新推荐

MySQL权威开发指南（教程）

85022人学习

Redis基础视频课程

11944人学习

尚观Oracle入门到精通视频教程

20001人学习

PDO操作极速入门,今天你用了吗？

60816人学习
移动端
原生开发

Android| iOS

多端开发

Swift| Flutter| uni-app| 小程序| 其他
最新推荐

你的第一行UNI-APP代码

5487人学习

Uniapp简爱读书项目开发--第一季

15007人学习

公益直播：Uniapp微信小程序1:1仿饿了么首页

2150人学习

Flutter从零到APP上架

6980人学习
运维开发
环境使用

Linux| Docker

工具使用

PhpStudy| Git| 其他工具
最新推荐

phpStudy V8 视频教程

194925人学习

兄弟连新版Linux视频教程

359900人学习

Git教程(60分钟全程无废话版)

1142人学习

vscode其实很简单

19058人学习
UI设计
UI设计

Axure| PS
最新推荐

AXURE 9视频教程(适合产品经理交互产品设计 UI)

3206人学习

零基础精通 PS 视频教程

180550人学习

16天带你入门UI视频教程

48569人学习

PS技法与切片技术视频教程

17603人学习
计算机基础
类库分类

HTTP| TCP/IP| 编程基础
最新推荐

阿里云环境搭建以及项目上线视频教程

40936人学习

计算机网络概述—程序员必须掌握的基础知识

1049人学习

程序员入门必备教程—HTTP协议详解

750人学习

Websocket视频教程

32909人学习

首页 > web前端 > js教程 > 正文

js模拟实现Array的sort方法_javascript技巧

php中文网

发布： 2016-05-16 19:07:17

原创

1085人浏览过

JavaScript的Array对象有一个sort方法，用于实现对数组元素的排序，该方法默认按照数组项ASCII 字符顺序升序排列。
如[6,7,9,1,-1].sort();执行后数组变为[-1,1,6,7,9]。

对于需要降序排列或非字符串排序，该方法就不能很好的执行了。

当然，sort有一个可选参数，它能帮我们解决这个问题，通过为sort传入一个函数，sort根据函数返回值进行排序。

数组为该函数默认传入数组中的两个元素，如传入a,b，如果函数返回值大于0，则排序方式为b,a，如果返回值小于0，则排序结果为a,b。

具体含义不好解释，当初我也对这个sort其到底是怎么排序的不理解。

如果知道了其实现过程，就对他的排序原理明了了。

sort的实现其实很像是一个简单的冒泡排序。

偶今日对其进行了模拟，看懂这个函数你一定就明白sort的原理了。

<script type="text/javascript">    
  <!--    
    var myarray = new Array(8,6,7,9,1,-1,4);    
    var myarray1 = new Array(8,6,7,9,1,-1,4);    
    var sortAsc = function(x,y) { return x-y; };    
    var sortDesc = function(x,y) { return y-x; };    
    Array.prototype.st=function(fn){    
        var t;    
        fn=fn||function(x,y){return x-y};    
        for(var i=0;i<this.length;i++){    
            for(var j=i;j<this.length;j++){    
                if(fn(this[i],this[j])>0){    
                    t=this[i];    
                    this[i]=this[j];    
                    this[j]=t;    
                }    
            }    
        }    
    }    
    myarray.st();    
    alert("默认升序排列："+myarray);

myarray.st(sortDesc);    
    alert("降序排列："+myarray);

myarray.st(sortAsc);    
    alert("升序排列："+myarray);    
       
    myarray1.sort(function(){return 1});  //注：js默认的sort对此排序结果跟这个不一样，其排序方式还暂不理解    
    alert("逆序排列："+myarray1);       
       
  //-->    
  </script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

智能AI问答

PHP中文网智能助手能迅速回答你的编程问题，提供实时的代码和解决方案，帮助你解决各种难题。不仅如此，它还能提供编程资源和学习指导，帮助你快速提升编程技能。无论你是初学者还是专业人士，AI智能助手都能成为你的可靠助手，助力你在编程领域取得更大的成就。

我要提问

来源：php中文网

上一篇：JS是否可以跨文件同时控制多个iframe页面的应用技巧_javascript技巧下一篇：表单项的name命名为submit、reset引起的问题_表单特效

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章

win10启动项开启方法

2023-12-29 17:08:12
全新雷克沙ARES电竞超频内存来了，打造极致体验

2023-12-15 19:23:35
PHP中如何处理缓存错误？

2023-12-02 11:08:01
如何在MongoDB中实现数据的备份和恢复功能

2023-09-19 16:27:31
Realme GT5系列即将问世：突破性能与影像领域，战神降临！

2023-09-04 20:57:05
宝马X5长轴距版亮相成都车展，开启智能豪华SUV新篇章

2023-08-31 09:17:05
vivo X100系列：11月首发，全新大核心配置首次揭秘！

2023-08-30 20:49:01
PHP中的遗传算法实现步骤

2023-07-07 12:04:02
显示git文件夹隐藏文件

2023-05-17 11:37:07
如何用Java反编译字节码文件？

2023-04-22 14:40:08

最新问题

关于CSS思维导图的课件在哪？课件

凡人来自于2024-04-16 10:10:18

0

0

106

PX自动转换为REM错误 <style>html { font-size: calc(100vw / 3.75); }...

凡人来自于2024-04-16 09:34:16

0

0

550

PHP数组从URL参数中获取的行为不如预期我有一个包含类别ID的URL参数，我想将其视为一个数组，如下所示：http://example.com?cat[]=3,9,13在PHP中，我使用它从URL参数获取数组：$catI...

P粉785905797来自于2024-04-06 22:09:02

0

1

416

通过添加 Width 属性将内容向左移动我已经为主体提供了边距。主要{左边缘：200px;右边距：200px；文本对齐：居中}由于我想以两行而不是一行显示文本，因此我在样式中添加了width属性。.p{字体大小：12px...

P粉738046172来自于2024-04-06 22:01:35

0

2

303

我应该在 apache 中哪里放置 CustomLog 指令我正在使用php:7.2-apachedocker。我需要禁用运行状况检查url登录访问日志。基于此链接，他们提到了有关修改Customlog指令的信息。我不是关于需要更改Cust...

P粉573809727来自于2024-04-06 22:03:59

0

1

435

返回值中变量的格式是什么？我是php的新学习者。我发现有一段代码：if($x<time()){return[false,'error'];}逻辑或变量并不重要，但我不明白[false,'error']...

P粉757556355来自于2024-04-06 21:55:20

0

1

260

页面突然无法拉动 css 或 bootstrap 所以我正在开发一个页面，我昨天做了一部分，效果很好，今天我继续做剩下的部分，一切都很好。当我尝试将其作为普通html页面打开时，CSS或BOOTSTRAP不起作用，仅显示页面文本，...

P粉771233336来自于2024-04-06 21:58:04

0

1

350

如何在 React 中的排序方法上触发渲染（带有过滤器和分页）？这是我的Sort.js样式组件：<SortWrapper><SortText>SortBy</SortText><SortSelecton...

P粉970736384来自于2024-04-06 21:28:37

0

1

1857

将将类的私有成员设置为构造函数参数 classFoo{#one#two#three#four#five#six#seven#eight#nine#ten#eleven#twelve#thirteen#fourteen...

P粉761718546来自于2024-04-06 21:48:47

0

1

258

如何从结果集中仅显示最低值（MYSQL）我有以下声明：selectDATE(recieved_on)asDay,round(count(*)/24)AS'average'frommessagewherefacilityi...

P粉338969567来自于2024-04-06 21:44:19

0

1

239

相关专题

更多>

热门推荐

热门教程

更多>

相关推荐

热门推荐

最新课程

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

精品班

技术支持

技术咨询

学习群

会员优惠

返回顶部