Поиск максимального значения свойства в массиве объектов
Я ищу действительно быстрый, чистый и эффективный способ получить максимальное значение "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.
5 ответ(ов)
Чтобы найти максимальное значение y объектов в массиве array, вы можете использовать следующий код:
Math.max.apply(Math, array.map(function(o) { return o.y; }))
или в более современном JavaScript:
Math.max(...array.map(o => o.y))
Внимание:
Этот метод не рекомендуется, так как лучше использовать reduce. При больших массивах, Math.max будет вызван с большим количеством аргументов, что может привести к переполнению стека. Вместо этого вы можете воспользоваться следующим подходом:
const maxY = array.reduce((max, o) => o.y > max ? o.y : max, -Infinity);
Этот способ более безопасен и эффективен для работы с большими массивами.
Найти объект, у которого свойство "Y" имеет наибольшее значение в массиве объектов
Один из способов сделать это — использовать метод reduce массива.
const max = data.reduce(function(prev, current) {
return (prev && prev.y > current.y) ? prev : current;
}); // возвращает объект
- Подробности по методу
reduceможно найти здесь: MDN Web Docs - Поддержка: Can I Use (IE9 и выше)
Если вам не нужна поддержка IE (только Edge) или вы можете использовать препроцессор, такой как Babel, вы можете использовать более лаконичный синтаксис:
const max = data.reduce((prev, current) => (prev && prev.y > current.y) ? prev : current);
Обратите внимание, что если у вас есть несколько объектов с одинаковым максимальным значением, будет возвращён только первый найденный объект.
Чтобы обеспечить значение по умолчанию, если массив arrayToSearchIn пустой, вы можете использовать оператор логического ИЛИ (||). Это позволит вам использовать 0 в качестве значения по умолчанию в случае, если Math.max вернет -Infinity, что произойдет при пустом массиве. Вот как это можно реализовать:
const maxValueOfY = Math.max(...arrayToSearchIn.map(o => o.y)) || 0;
В данном коде Math.max(...arrayToSearchIn.map(o => o.y)) вернет -Infinity, если arrayToSearchIn пуст. В таком случае, оператор || обеспечит возвращение 0 вместо -Infinity. Таким образом, ваш код будет чистым и простым, и значения по умолчанию тоже будут обработаны корректно.
Сначала вам нужно разобрать строку 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; }));
Таким образом, вы получите максимальное значение из поля y в вашем JSON-объекте.
Вот самое короткое решение (однострочник) на ES6:
Math.max(...values.map(o => o.y));
Этот код использует метод map(), чтобы создать новый массив, содержащий только значения свойства y объектов из массива values, а затем применяет Math.max() для нахождения максимум значения в этом новом массиве с помощью оператора spread (...).
Преобразование объекта JS в строку JSON
Как сравнить массивы в JavaScript?
Как прочитать JSON-файл в память сервера?
Как использовать requirejs для загрузки статического JSON-файла?
Использование immutability-helper в React для установки ключа переменной объекта