Vue.js 查找多个对象中的最大值:使用 reduce 方法
在 Vue.js 中,可以使用 Array.prototype.reduce() 方法来查找多个对象中某一个值的最大值。具体的写法如下:\n\njavascript\n// 假设从后台获取到的数据对象为 CategoryList.value\nlet CategoryList = {\n value: [\n { orderNum: 10 },\n { orderNum: 20 },\n { orderNum: 30 },\n // ...\n ]\n};\n\n// 使用 reduce 方法找到 orderNum 的最大值\nlet maxOrderNum = CategoryList.value.reduce((max, obj) => {\n return (obj.orderNum > max) ? obj.orderNum : max;\n}, 0);\n\nconsole.log(maxOrderNum); // 输出最大的 orderNum 值\n\n\n在上面的代码中,使用 reduce() 方法遍历 CategoryList.value 数组,初始值为 0。在每次迭代中,比较当前对象的 orderNum 值与之前的最大值 max,如果当前对象的 orderNum 值更大,则将其作为新的最大值返回,否则保持原有的最大值不变。最终,maxOrderNum 存储的就是 orderNum 的最大值。
原文地址: https://www.cveoy.top/t/topic/p145 著作权归作者所有。请勿转载和采集!