首页VUE 获取对象数组属性的最大值并排除空值

VUE 获取对象数组属性的最大值并排除空值

时间: 2025-01-19 20:16:43 浏览: 35

在Vue.js中，如果你想获取对象数组的一个属性的最大值，并且忽略那些该属性值为null、undefined或空字符串的元素，你可以使用`Array.prototype.reduce()`方法结合条件判断。下面是一个简单的示例： ```javascript let objArray = [ { name: 'John', age: 25 }, { name: 'Jane', age: null }, { name: 'Alex', age: 30 }, { name: '', age: undefined } ]; // 使用reduce获取最大年龄 let maxAge = objArray .filter(item => item.age !== null && item.age !== undefined && item.age !== '') .reduce((max, current) => (current.age > max ? current.age : max), Number.MIN_VALUE); console.log(maxAge); // 输出30，因为30是剩余非空值中最大的 ``` 在这个例子中，我们首先使用`filter()`筛选出所有非空的age，然后使用`reduce()`遍历这些对象，将当前元素的age与已知的最大值进行比较，更新最大值。

阅读全文