JS 获取数组对象中某个属性的最大值或最小值

最近的开发中经常会遇到前端自己生成唯一id,然后在数组中增加删除插入对象,这样一来就要的要当前使用的id的最大值。总结一下,有两种比较简便的方法可以做到:
 1. 将属性值通过map生成一个数组,再使用Math.max取最大值
 2. 使用排序sort,先对数组的项排序,再取排序后的对应的项的值

数组对象如下,求id的最大值和最小值

list = [{ id: 1, name: 'jack' },
        { id: 2, name: 'may' },
        { id: 3, name: 'shawn' },
        { id: 4, name: 'tony' }]

1、Math方法

// 最大值 4
Math.max.apply(Math,this.list.map(item => { return item.id }))
// 最小值 1
Math.min.apply(Math,this.list.map(item => { return item.id }))

Math.min()和Math.max()用法相似。

两个方法用来获取给定的一组数值中的最大值或最小值,但是却不接受数组作为参数。

有两个快捷的方法可以接受数组类型参数:

Math.min.apply(null, array)
Math.min.apply(Math, array)

var array=[2,17,45,28,9];
Math.max.apply(null, array);
Math.max.apply(Math, array);

这是apply方法的特性,apply方法第二个参数为参数的数组,但是apply会将数组拆分并传入调用的函数。

Math.min(...array) / Math.max(...array)

使用展开运算符 ... ,获取数组的最小值或者最大值。

var arr = [1, 2, 5, 7, 3];
Math.min(...arr);

2、sort排序

sort()对数组排序,不开辟新的内存,对原有数组元素进行调换, 所以这种操作会使得原来的数组元素的位置发生变化

// 最大值 4
this.list.sort((a, b) => { return b-a })[0].id  
// 最小值 1
this.list.sort((a, b) => { return a-b })[0].id 

 

你可能感兴趣的:(JS,Math.max,Math.min,sort,apply)