javascript获取数组对象中的最大值/最小值，JS获取数组中最大值

小焱编程

以技术去解决痛点

前言

我们会经常在开发过程中，需要获取数组中的最大值或者最小值，可以从以下几个方面考虑：

使用 Math.max() 、 Math.min() 方法
排序之后，获取最大/最小值

下面我们来看看，如何获取下面数组的最大值（最小值类似获取）：

数组：

let arr = [1, 2, 5, 8, 10, 100, -1]

数组对象

function createList() {
    return [
        name: 'name1',
        value: 3165,
        name: '基础name13',
        value: 2729,
        name: 'name12',
        value: 2348,
        name: 'name14',
        value: 2115,
        name: 'name15',
        value: 1965,
        name: 'name16',
        value: 1769,
        name: 'name17',
        value: 1515,
        name: 'name18',
        value: 1442,
    ].map((item, index) => ({ ...item, index }));

1. 使用Math的静态方法max/min

Math.max() 函数返回给定的一组数中的最大值。
它的语法： Math.max(value1[, value2, ...])
使用此方法，需要注意，如果没有参数的话，则返回 -Infinity 。如果有任一参数无法被转换成数值，则返回 NaN 。

1.1 结合ES6的扩展运算符...使用

扩展运算符，可以将数组形式转换为逗号参数的形式。

数组

Math.max(...arr)

数组对象

const arr = createList().map(({value})=> value);
const max = Math.max(...arr);

1.2 结合apply/call方法来使用

利用 apply() 方法的第一个参数可以改变this的指向，第二个参数是数组的形式，来完成这一需求。

数组

Math.max.apply(null, arr)

数组对象

const arr = createList().map(({value})=> value);
const max = Math.max.apply(null,arr);

既然 apply() 方法可以使用，那么我们也可以使用 call() 方法，并配合扩展运算符使用。

数组

Math.max.call(null, ...arr)

数组对象

const arr = createList().map(({value})=> value);
const max = Math.max.call(null, ...arr);

1.3 结合reduce来使用

reduce() 方法接收一个函数作为累加器，数组中的每一个值（从左到右）开始缩减，最终计算为一个值。
语法： array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
在这里，这个累加器函数就是 getMax() ，比较两个数，返回其中的最大值，通过这样的缩减，最后返回整个数组的最大值。

获取数组：

function getMax(prev, next) {
    return Math.max(prev, next)
arr.reduce(getMax)

获取对象：

nction getMax(prev: any, next: any) {
    return Math.max(prev.value ? prev.value : prev, next.value);
  const newList = createList();
  const max = newList.reduce(getMax as any);

2. 排序获取

2.1 只比较找出最大值

假定数组中的第一个元素值最大max，循环数组，将max与其他元素做比较，大的值赋给max。循环结束之后，max的值即为最大值。

数组

let max = arr[0]
arr.forEach(item => max = item > max ? item : max)
console.log(max) // 100

数组对象

const arr = createList().map(({value})=> value);
let max = arr[0]
arr.forEach(item => max = item > max ? item : max)
console.log(max) // 100

2.2 将整个数组都排序，获取最大值

利用 array.sort() 方法，指定排序函数，来排序数组。当然，你也可以使用其他排序方式，来排序数组。

数组

let AS = arr.sort((a, b) => a - b) 
AS[arr.length-1]  // 获取最大值：100