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

2020/09/27 09:01 · javascript ·  · 0评论

我正在寻找一种非常快速,干净且有效的方法来获取以下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-loop是解决此问题的唯一方法吗?我热衷于使用Math.max

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

Math.max.apply(Math, array.map(function(o) { return o.y; }))

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

一种方法是使用Array reduce ..

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

https://developer.mozilla.org/zh-CN/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)

简洁的ES6(Babel)

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

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

处理负数大小写的树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)

我想逐步解释简短的答案

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>');

更多信息:

好吧,首先您应该解析JSON字符串,以便可以轻松访问它的成员:

var arr = $.parseJSON(str);

使用该map方法提取值:

arr = $.map(arr, function(o){ return o.y; });

然后,您可以在max方法中使用数组

var highest = Math.max.apply(this,arr);

还是单线:

var highest = Math.max.apply(this,$.map($.parseJSON(str), function(o){ return o.y; }));

如果您(或这里的某人)可以自由使用lodash实用程序库,则它具有maxBy函数,在您的情况下非常方便。

因此您可以这样使用:

_.maxBy(jsonSlice, 'y');

还是简单的排序!保持真实:)

array.sort((a,b)=>a.y<b.y)[0].y

这是最短的解决方案(One Liner)ES6

Math.max(...values.map(o => o.y));

每个数组都可以通过Math获得最大值。

data.reduce((max, b) => Math.max(max, b.costo), data[0].costo);
var max = 0;                
jQuery.map(arr, function (obj) {
  if (obj.attr > max)
    max = obj.attr;
});

ES6解决方案

Math.max(...array.map(function(o){return o.y;}))

有关更多详细信息,请参见https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math/max

Here is very simple way to go:

Your DataSet.

let numberArray = [
  {
    "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
  }
]

1. First create Array, containing all the value of Y
let result = numberArray.map((y) => y)
console.log(result) >> [0.026572007,0.025057454,0.024530916,0.031004457]

2. let maxValue = Math.max.apply(null, result)
console.log(maxvalue) >> 0.031004457
本文地址:http://javascript.askforanswer.com/zaiduixiangshuzuzhongchazhaoshuxingdezuidazhi.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!