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

最新推荐文章于 2024-01-30 19:05:58 发布

MT_su

最新推荐文章于 2024-01-30 19:05:58 发布

阅读量2.5w

点赞数 9

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_37620905/article/details/100634174

版权

6 篇文章 0 订阅

订阅专栏

最近的开发中经常会遇到前端自己生成唯一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

关注