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 数组排序的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程