微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

js 重构Array的sort排序方法_javascript技巧

php中文网
发布： 2016-05-16 18:04:45
原创
1523人浏览过

这个排序是进行两两比较。
拿这个数组进行降序排列var a = [3, 1, 5, 6, 4, 2];
第一轮比较：用第一个数值和本数组的其他元素进行比对
3比1
3比5 //5大，所以所以进行交换 得a = [5, 1, 3, 6, 4, 2];
5比6 //交换 得a = [6, 1, 3, 5, 4, 2];
6比4
6比2
第一轮最终结果 a = [6, 1, 3, 5, 4, 2];
第二轮比较：用第二个数值和这个数值之后的元素进行对比
1比3 //交换 得a = [6, 3, 1, 5, 4, 2];
3比5 //交换 得a = [6, 5, 1, 3, 4, 2];
5比4
5比2
第二轮最终结果 a = [6, 5, 1, 3, 4, 2];
就这样依次进行交换
第三轮最终结果 a = [6, 5, 4, 1, 3, 2];
第四轮最终结果 a = [6, 5, 4, 3, 1, 2];
第五轮最终结果 a = [6, 5, 4, 3, 2, 1];
下面是重构的方法：

Looka
Looka

AI辅助Logo和品牌设计工具

Looka 894
查看详情 Looka
复制代码 代码如下:

Array.prototype.fst = function(fn){
var fn = fn || function(a, b){ return a > b;};
for(var i=0; ifor(var j=i; jif(fn(this[i], this[j]) > 0){
var t = this[i];
this[i] = this[j];
this[j] = t;
}
}
}
return this;
};

查看实际演示

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

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：TreeView 用法（有代码）（asp.net）_javascript技巧 下一篇：一些实用的jQuery代码片段收集_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript模板引擎_动态渲染性能优化 使用编译型模板引擎可提升执行效率，避免重复解析；2.通过精准绑定实现细粒度更新，减少全量渲染；3.减少DOM操作并批量提交，降低回流成本；4.缓存模板实例与静态片段，提升复用性。核心是预编译、智能渲染和节制DOM更新。
2025-11-23 19:23:33
784
Nuxt 3：利用布局实现特定页面元素的条件显示与隐藏 本教程将深入探讨如何在Nuxt3中高效管理不同页面的UI结构。我们将学习如何利用Nuxt3强大的布局系统，通过创建和应用不同的布局文件（如default.vue和home.vue），结合definePageMeta宏，轻松实现特定元素（如导航栏横幅）在特定页面上的条件显示或隐藏，从而避免复杂的路由判断逻辑，提升代码的可维护性与清晰度。
2025-11-23 19:11:22
582
React列表中Key Prop警告的深度解析与高级策略 React在渲染列表时要求每个子元素都拥有一个唯一的keyprop，这对于优化性能和正确管理组件状态至关重要。即使看似提供了key，警告仍可能出现，表明所选键不够唯一或稳定。本文将深入探讨keyprop的工作原理，并提供一种高级策略，通过组合多个数据属性来构建高度唯一且稳定的key，从而有效解决常见的keyprop警告，确保列表渲染的健壮性。
2025-11-23 19:11:01
508
GitHub手机端创建仓库时遭遇422错误：诊断与解决方案 本文旨在为在GitHub手机端创建新仓库时遇到422“UnprocessableEntity”错误的开发者提供全面的诊断与解决方案。文章将深入分析导致此类错误的核心原因，包括潜在的仓库名称冲突、API频率限制以及客户端问题，并提供一系列具体的排查步骤，帮助用户有效解决问题，确保在移动设备上也能顺利管理GitHub仓库。
2025-11-23 19:10:02
912
现代JavaScript_Map与Set数据结构 Map和Set是JavaScript中高效的内置数据结构，Map支持任意类型键值对并保持插入顺序，适用于频繁增删的场景；Set自动去重，适合维护唯一值集合；相比普通对象，Map在性能、键类型和安全性上更优；WeakMap和WeakSet提供弱引用，避免内存泄漏，常用于私有数据或元数据管理。
2025-11-23 19:03:16
769
HTML表单中强制至少选择一个选项的实现教程 本教程详细阐述了在HTML表单中如何确保用户至少选择一个选项。针对复选框（checkboxes）直接应用required属性的局限性，我们提供了一种通过巧妙利用单选按钮（radiobuttons）及其name和required属性来达到这一目的的专业方法，并探讨了如何处理多选需求。
2025-11-23 19:02:01
287
JavaScript代码混淆_变量加密与反调试技术 变量加密与反调试技术通过混淆变量名、加密字符串及干扰调试手段增加逆向难度，常见方法包括使用随机字符命名、数组映射访问、Base64或XOR加密敏感字符串、动态拼接URL、定时触发debugger、检测DevTools并重写toString方法；建议仅对核心代码混淆，避免过度依赖eval，确保兼容性，并始终将关键逻辑置于服务端。
2025-11-23 19:02:02
604
JavaScript错误处理_异常捕获与监控系统 答案：通过结合try-catch、window.onerror和unhandledrejection，可全面捕获JavaScript同步异步错误，配合错误上报机制实现前端稳定性监控。
2025-11-23 18:59:03
727
Tizen TV JavaScript 应用的按键事件处理与退出机制 TizenTV应用开发中，tizenhwkey不适用于电视设备，因其专为移动和穿戴设备设计。电视应用主要通过遥控器进行交互，需监听keydown事件来处理按键操作。本文将详细介绍如何在JavaScriptTizenTV项目中正确设置按键事件监听器，特别是如何通过RETURN键实现应用的优雅退出，并提供示例代码。
2025-11-23 18:52:18
560
JavaScript_物理引擎与游戏开发 使用JavaScript物理引擎可在浏览器中实现小球掉落、箱子堆叠等真实物理效果，适合小游戏和交互动画。推荐引擎包括Matter.js（2D初学者）、Planck.js（高精度2D）、ammo.js（3D复杂模拟）和Cannon.js（Three.js配合3D场景）。以Matter.js为例，通过创建引擎、渲染器、刚体对象并加入世界，即可实现小球下落与地面碰撞。典型应用涵盖平台跳跃、益智游戏、车辆模拟及粒子特效，需注意性能优化与碰撞精度调校。
2025-11-23 18:51:12
314
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部