17.javascript 数组排序
2022/1/6 9:05:01
本文主要是介绍17.javascript 数组排序,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1.以字母顺序对数组进行排序Array.sort();,正序
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); // 对 fruits 中的元素进行排序 //结果:Apple,Banana,Mango,Orange
2.反转数组中的元素Array.reverse();
实现降序效果,我们可以先对数组进行正序处理,再反转
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); // 对 fruits 中的元素进行排序 fruits.reverse(); // 反转元素顺序
3.如果是数字,我们正序排序,需要先对两个数进行比较大小:function(a, b){return a - b}
这个是数字的正序排序:
<!DOCTYPE html> <html> <body> <h1>JavaScript 数组排序</h1> <p>单击按钮以升序对数组进行排序。</p> <button onclick="myFunction()">试一试</button> <p id="demo"></p> <script> var points = [40, 100, 1, 5, 25, 10]; document.getElementById("demo").innerHTML = points; function myFunction() { points.sort(function(a, b){return a - b}); document.getElementById("demo").innerHTML = points; } </script> </body> </html>
这个是数字降序的:
<!DOCTYPE html> <html> <body> <h1>JavaScript 数组排序</h1> <p>单击按钮可按降序对数组进行排序。</p> <button onclick="myFunction()">试一试</button> <p id="demo"></p> <script> var points = [40, 100, 1, 5, 25, 10]; document.getElementById("demo").innerHTML = points; function myFunction() { points.sort(function(a, b){return b - a}); document.getElementById("demo").innerHTML = points; } </script> </body> </html>
随机顺序排序
var points = [40, 100, 1, 5, 25, 10]; points.sort(function(a, b){return 0.5 - Math.random()});
4.查找数组中的最大值和最小值
思路:直接对数组进行排序,如果正序排序,那么索引0位置就是最小值points[0],最后一个索引位置值就是最大值points[points.length-1]。
5.使用数学函数Math查找数组最大值
function myArrayMax(arr){ return Math.max.apply(null,arr); }
PS:Math.max.apply([1, 2, 3]) 等于 Math.max(1, 2, 3)
6.使用数学函数Math查找数组最小值
function myArrayMax(arr){ return Math.min.apply(null,arr); }
PS:Math.min.apply([1, 2, 3]) 等于 Math.min(1, 2, 3)
7.自制函数获取最大值
var points = [40, 100, 1, 5, 25, 10]; document.getElementById("demo").innerHTML = myArrayMax(points); function myArrayMax(arr) { var len = arr.length; var max = -Infinity; while (len--) { if (arr[len] > max) { max = arr[len]; } } return max; }
8.自制函数获取最小值
var points = [40, 100, 1, 5, 25, 10]; document.getElementById("demo").innerHTML = myArrayMin(points); function myArrayMin(arr) { var len = arr.length; var min = Infinity; while (len--) { if (arr[len] < min) { min = arr[len]; } } return min; }
这篇关于17.javascript 数组排序的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-22项目:远程温湿度检测系统
- 2024-12-21《鸿蒙HarmonyOS应用开发从入门到精通(第2版)》简介
- 2024-12-21后台管理系统开发教程:新手入门全指南
- 2024-12-21后台开发教程:新手入门及实战指南
- 2024-12-21后台综合解决方案教程:新手入门指南
- 2024-12-21接口模块封装教程:新手必备指南
- 2024-12-21请求动作封装教程:新手必看指南
- 2024-12-21RBAC的权限教程:从入门到实践
- 2024-12-21登录鉴权实战:新手入门教程
- 2024-12-21动态权限实战入门指南