[javascript] 객체 배열에서 속성의 최대 값 찾기

JAVASCRIPT / 글쓴이

다음 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/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)

답변

깨끗하고 간단한 ES6 (바벨)

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)

여기에서 편집 가능한 예 입니다. maxA , maxB 및 maxC의 아이디어 ( maxB의 부작용은 배열 a이 sort제자리에 있기 때문에 배열 이 변경 된다는 것입니다).

코드 스 니펫 표시

더 큰 배열의 Math.max...경우 예외가 발생합니다. 최대 호출 스택 크기를 초과했습니다 (Chrome 76.0.3809, Safari 12.1.2, 날짜 2019-09-13)

코드 스 니펫 표시

답변

먼저 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; }));

답변

간결하게 받아 들여진 대답을 단계별 로 설명하고 싶습니다 .

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

스 니펫 확장

추가 정보 :

답변

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}