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 }))

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)