17.javascript 数组排序

2022-01-06 03:32:18 阅读：135 来源： 互联网

标签：function arr 17 javascript points var 排序 Math

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;
}

标签：function,arr,17,javascript,points,var,排序,Math
来源： https://www.cnblogs.com/mxx520/p/15769522.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

17.javascript 数组排序