在对象数组中查找属性的最大值

IT技术 javascript json
2021-01-26 19:33:11

我正在寻找一种非常快速、干净且有效的方法来获取以下 JSON 切片中的最大“y”值:

[
  {
    "x": "8/11/2009",
    "y": 0.026572007
  },
  {
    "x": "8/12/2009",
    "y": 0.025057454
  },
  {
    "x": "8/13/2009",
    "y": 0.024530916
  },
  {
    "x": "8/14/2009",
    "y": 0.031004457
  }
]

for 循环是唯一的方法吗?我热衷于以某种方式使用Math.max.

6个回答

要找到y中对象的最大值array

Math.max.apply(Math, array.map(function(o) { return o.y; }))
这是小提琴!希望这会对某人有所帮助jsfiddle.net/45c5r246
2021-03-11 19:33:11
FWIW 我的理解是,当您对函数调用 apply 时,它会使用指定的值this和一系列指定为数组的参数来执行该函数诀窍是 apply 将数组转换为一系列实际的函数参数。因此,在这种情况下,它最终Math.max(0.0265, 0.0250, 0.024, 0.031)this执行的函数的调用Math我不明白为什么应该Math坦率地说,我认为该功能不需要有效的this. 哦,这里有一个正确的解释:stackoverflow.com/questions/21255138/...
2021-03-15 19:33:11
@MikeLyons 如果您仍然关心获取实际对象:jsfiddle.net/45c5r246/34
2021-03-19 19:33:11
Math.max(...array.map(o => oy)) <3 thx to atom code formatter
2021-04-06 19:33:11
您能否扩展此答案以显示如何返回找到最大值的对象?那会很有帮助,谢谢!
2021-04-08 19:33:11

在对象数组中查找属性“Y”具有最大值的对象

一种方法是使用 Array reduce..

const max = data.reduce(function(prev, current) {
    return (prev.y > current.y) ? prev : current
}) //returns object

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce http://caniuse.com/#search=reduce(IE9及以上)

如果您不需要支持 IE(仅 Edge),或者可以使用诸如 Babel 之类的预编译器,您可以使用更简洁的语法。

const max = data.reduce((prev, current) => (prev.y > current.y) ? prev : current)
优秀的答案!起初,我因减少而犹豫,但无论如何我们都需要迭代,那为什么不呢?
2021-03-20 19:33:11
你提出了一个很好的观点,我可能会选择null1。
2021-03-21 19:33:11
这比接受的答案要好,因为使用大数组调用 apply 是不安全的,它会导致堆栈溢出:stackoverflow.com/questions/30809656/...
2021-03-28 19:33:11
这是一个很好的答案,但是,您希望传递一个初始值,否则如果数据数组为空,您将收到错误消息。即用于对象的自动增量索引。 const max = data.reduce((prev, current) => (prev.y > current.y) ? prev : current, 1)
2021-04-04 19:33:11
请注意,这将返回具有最大值的对象,而不是该对象的最大值。这可能是也可能不是您想要的。就我而言,这正是我想要的。+1
2021-04-09 19:33:11

干净简单的 ES6 (Babel)

const maxValueOfY = Math.max(...arrayToSearchIn.map(o => o.y), 0);

如果arrayToSearchIn为空,则第二个参数应确保默认值

如何在此处获取对象?
2021-03-14 19:33:11
这应该是现在公认的答案......绝对是更简洁的方法。
2021-03-23 19:33:11
当它返回-Infinity一个空数组时,您可以传递一个初始值 Math.max(...state.allProjects.map(o => o.id), 1);
2021-03-27 19:33:11
也很高兴知道它为空数组返回-Infinity(一个值)
2021-04-03 19:33:11
现在大多数没有 Babel 的现代浏览器都支持这一点。
2021-04-05 19:33:11

处理负数大小写的三个ONELINERS 的比较a数组中的输入):

var maxA = a.reduce((a,b)=>a.y>b.y?a:b).y; // 30 chars time complexity:  O(n)

var maxB = a.sort((a,b)=>b.y-a.y)[0].y;    // 27 chars time complexity:  O(nlogn)
           
var maxC = Math.max(...a.map(o=>o.y));     // 26 chars time complexity: >O(2n)

可编辑的例子在这里想法来自:maxAmaxBmaxC( maxB 的副作用是数组a因为sort就地而改变)。

对于更大的数组,Math.max...将抛出异常:超出最大调用堆栈大小(Chrome 76.0.3809,Safari 12.1.2,日期 2019-09-13)

4 元素数组的基准

我不确定为什么maxAMath.max() 有第二个参数?它应该只适用于var maxA = Math.max(...a.map(o=>o.y));,不是吗?
2021-03-17 19:33:11
非常聪明的方法来完成任务。好的
2021-03-18 19:33:11
感谢您对可用选项的细分以及方法之间的差异。
2021-03-26 19:33:11
需要指出的一件事是,选项 By通过.y在最后省略 ,可以更容易地获得具有最大值的整个对象
2021-03-29 19:33:11
@GreatHawkeye - 是的,你是对的 - 已修复 - 谢谢
2021-04-06 19:33:11

我想逐步解释简洁的公认答案

var objects = [{ x: 3 }, { x: 1 }, { x: 2 }];

// array.map lets you extract an array of attribute values
var xValues = objects.map(function(o) { return o.x; });
// es6
xValues = Array.from(objects, o => o.x);

// function.apply lets you expand an array argument as individual arguments
// So the following is equivalent to Math.max(3, 1, 2)
// The first argument is "this" but since Math.max doesn't need it, null is fine
var xMax = Math.max.apply(null, xValues);
// es6
xMax = Math.max(...xValues);

// Finally, to find the object that has the maximum x value (note that result is array):
var maxXObjects = objects.filter(function(o) { return o.x === xMax; });

// Altogether
xMax = Math.max.apply(null, objects.map(function(o) { return o.x; }));
var maxXObject = objects.filter(function(o) { return o.x === xMax; })[0];
// es6
xMax = Math.max(...Array.from(objects, o => o.x));
maxXObject = objects.find(o => o.x === xMax);


document.write('<p>objects: ' + JSON.stringify(objects) + '</p>');
document.write('<p>xValues: ' + JSON.stringify(xValues) + '</p>');
document.write('<p>xMax: ' + JSON.stringify(xMax) + '</p>');
document.write('<p>maxXObjects: ' + JSON.stringify(maxXObjects) + '</p>');
document.write('<p>maxXObject: ' + JSON.stringify(maxXObject) + '</p>');

更多信息:

很好的解释!如果它不在代码注释中,它可能会更容易阅读,但仍然 - 很棒的工作
2021-04-02 19:33:11