Нахождение максимального значения атрибута в массиве объектов - PullRequest
307 голосов
/ 26 октября 2010

Я ищу действительно быстрый, чистый и эффективный способ получить максимальное значение "y" в следующем фрагменте JSON:

[
  {
    "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.

Ответы [ 13 ]

564 голосов
/ 26 октября 2010

Чтобы найти максимальное y значение объектов в array:

Math.max.apply(Math, array.map(function(o) { return o.y; }))
176 голосов
/ 04 декабря 2015

Найти объект, свойство «X» которого имеет наибольшее значение, в массиве объектов

Одним из способов было бы использование Array Reduction ..

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)
102 голосов
/ 13 сентября 2016

чистый и простой ES6 (Babel)

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

Второй параметр должен обеспечивать значение по умолчанию, если arrayToSearchIn пусто.

24 голосов
/ 26 октября 2010

Хорошо, сначала вы должны проанализировать строку 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; }));
21 голосов
/ 26 сентября 2016

Я бы хотел объяснить краткий принятый ответ шаг за шагом:

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

Дополнительная информация:

7 голосов
/ 08 июня 2018
var data = [
  { 'name': 'Vins', 'age': 27 },
  { 'name': 'Jan', 'age': 38 },
  { 'name': 'Alex', 'age': 80 },
  { 'name': 'Carl', 'age': 25 },
  { 'name': 'Digi', 'age': 40 }
];
var max = data.reduce(function (prev, current) {
   return (prev.age > current.age) ? prev : current
});
//output = {'name': 'Alex', 'age': 80}
7 голосов
/ 19 октября 2016

если вы (или кто-то здесь) можете свободно использовать lodash служебную библиотеку, она имеет функцию maxBy , которая была бы очень удобна в вашем случае.

, следовательно, вы можете использовать как таковой:

_.maxBy(jsonSlice, 'y');
6 голосов
/ 06 декабря 2018

Сравнение дерева ONELINERS , которые обрабатывают регистр минус числа (ввод в массиве a):

var maxA = Math.max(...a.map(o=>o.y),a[0].y); // 33chars time complexity: >O(2n)

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

var maxC = a.sort((a,b)=>b.y-a.y)[0].y;       // 27chars time complexity:  O(nlogn)

редактируемый пример здесь .Идеи от: maxA , maxB , maxC (побочный эффект: изменен a - sort на месте).

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

var maxA = Math.max(...a.map(o=>o.y),a[0].y);
var maxB = a.reduce((a,b)=>a.y>b.y?a:b).y;
var maxC = a.sort((a,b)=>b.y-a.y)[0].y;


document.body.innerHTML=`maxA: ${maxA}\nmaxB: ${maxB}\nmaxC: ${maxC}
`;
5 голосов
/ 10 января 2018

Или простой вид!Сохраняя это реальным:)

array.sort((a,b)=>a.y<b.y)[0].y
2 голосов
/ 12 июля 2018

Каждый массив и получить максимальное значение с Math.

data.reduce((max, b) => Math.max(max, b.costo), data[0].costo);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...