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

 

posted @ 2022-01-06 03:07  种太阳  阅读(48)  评论(0)    收藏  举报