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 

 

  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值