JavaScript查找数组最大值：4种实现方式与基础类型详解

JavaScript查找数组最大值的四种方法

在JavaScript中，如何在一个Number类型的数组里查找最大值（或最小值）？

接下来将介绍四种实现方法。

1. 不使用任何库函数

代码示例如下：

function findMax1 (arr) {
  let result = 0;
  if (Array.isArray(arr)) {
    for (let i = 0; i < arr.length; i++) {
      result = arr[i] > result ? arr[i] : result;
    }
    
    return result;
  } else {
    console.error('The parameter arr is not an array');
    return;
  }
}

原理解析：

通过定义一个变量result来存储当前找到的最大值。遍历目标数组，若当前元素大于result，则更新result为该元素值。

2. 利用Array.reduce()方法

代码示例如下：

function findMax2 (arr) {
  let result = 0;
  if (Array.isArray(arr)) {
    result = arr.reduce((a, b) => {
      return a > b ? a : b;
    }, 0);
    
    return result;
  } else {
    console.error('The parameter arr is not an array');
    return;
  }
}

原理解析：

reduce方法通过一个回调函数，对累加器（accumulator）和数组中的每个元素执行操作，最终将数组缩减为单个值。

reduce方法接受两个参数：

第一个参数是回调函数（callback），即前述的处理函数，它包含四个参数：

1. accumulator：累加器，保存上一次回调函数的执行结果。若提供了initialValue，则首次执行时为其值；
2. currentValue：当前正在遍历的数组元素；
3. currentIndex：当前元素的索引，从0开始。若提供了initialValue，则从1开始；
4. array：调用reduce方法的源数组。

第二个参数是initialValue，即回调函数首次执行时的累加器初始值，该参数可选。需注意，若不提供此参数且对空数组调用reduce，将会抛出错误。

上述代码的逻辑是：每次遍历数组时进行比较，保留较大的值作为累加器，并用于下一次比较，最终返回该最大值。

3. 利用Apply和Math.max()方法

代码示例如下：

function findMax3 (arr) {
  let result = 0;
  if (Array.isArray(arr)) {
    result = Math.max.apply(null, arr);
    
    return result;
  } else {
    console.error('The parameter arr is not an array');
    return;
  }
}

原理解析：

apply方法的解释较为复杂，此处不作深入展开。

它接受两个参数：thisArg和argsArray，两者均为可选。简单来说，此处是将数组作为参数列表传递给函数使用。

4. 仅使用Math.max()方法

代码示例如下：

function findMax4 (arr) {
  let result = 0;
  if (Array.isArray(arr)) {
    result = Math.max(...arr);
    
    return result;
  } else {
    console.error('The parameter arr is not an array');
    return;
  }
}

原理解析：

基于上一解法的思路，在ES6标准中引入了扩展运算符（...），可将数组元素展开为逗号分隔的参数序列，恰好满足Math.max()函数的参数需求。

JavaScript基础类型与对象详解

此外，介绍JavaScript中Number、Math对象及数组的相关基础知识。

1、Number对象。

创建Number对象的方式：

方式1：

var 变量= new Number(数字)

方式2：

var 变量 = 数字;

常用方法：

toString()：将数字转换为指定进制的字符串。（输入数字几，就转换为几， number.toString(2)）

toFixed()：指定保留小数位数，并具备四舍五入功能。

2、Math对象

Math对象常用方法：

ceil：向上取整

floor（）：向下取整

random()：随机数方法 // 产生的伪随机数介于 0 和 1 之间（含 0，不含 1），

round：四舍五入

3、Array数组对象:

创建数组的方式1：

var 变量名 = new Array(); 创建一个长度为0的数组。

方式2：

var 变量名= new Array(长度) 创建一个指定长度的数组对象。

方式3：

var 变量名 = new Array("元素1","元素2"...); 给数组指定元素创建数组 的对象。

方式4：

var 变量名 = ["元素1","元素2"...];

数组需要注意的细节：

1. 在javascript中数组的长度是可以发生变化的。

var arr = new Array(); //创建了一个长度为0的数组对象。
arr[100] = 10;
document.write("arr长度："+arr.length+"<br/>");
var arr2 = new Array("狗娃","狗剩","铁蛋");
arr2 = ["狗娃","狗剩","铁蛋","张三"];
document.write("arr2长度："+arr2.length+"<br/>");

3.1数字的方法

a、concat把arr1与arr2的数组元素组成一个新的数组返回。　　
arr1 = arr1.concat(arr2); 

b、join使用指定的分隔符把数组中的元素拼装成一个字符串返回。

var elements = arr1.join(",");

c、pop ：移除数组中的最后一个元素并返回该元素。

d、push：将新元素添加到一个数组中，并返回数组的新长度值。

arr1.push("你好");

e、reverse(); 翻转数组的元素

f、slice指定数组 的开始索引值与结束索引值截取数组的元素，并且返回子数组。（包头不包尾）

var subArr = arr1.slice(1,2); 

g、sort排序，排序的时候一定要传入排序的方法。（不传时默认是按照ASCII表排列）

arr1 = [19,1,20,5];
arr1.sort(sortNumber); //排序，排序的时候一定要传入排序的方法。
function sortNumber(num1,num2){ 
return num1-num2;
}

h、splice第一个参数是开始删除元素的 索引值， 第二参数是删除元素的个数，往后的数据就是插入的元素（也可以不写）。

arr1.splice(1,1,"张三","李四","王五");