Find min, max in array with objects

Question

I have this array with objects inside:

var pts = [
    { "X": 52.67528921580262,  "Y": 8.373513221740723 },
    { "X": 52.6759657545252,   "Y": 8.374114036560059 },
    { "X": 52.682574466310314, "Y": 8.37256908416748  },
    { "X": 52.68356308524067,  "Y": 8.373942375183105 },
    { "X": 52.68293869694087,  "Y": 8.375487327575684 },
    { "X": 52.67685044320001,  "Y": 8.376259803771973 },
    { "X": 52.6756535071859,   "Y": 8.379607200622559 },
    { "X": 52.676017795531436, "Y": 8.382096290588379 },
    { "X": 52.68101344348877,  "Y": 8.380722999572754 },
    { "X": 52.68351105322329,  "Y": 8.383641242980957 },
    { "X": 52.68,              "Y": 8.389             }
];

How I can find min,max for X and min,max for Y ?

Answer 1

You could call Math.min and Math.max , passing in a mapped array containing only the relevant values like this:

function endProp( mathFunc, array, property ) {
    return Math[ mathFunc ].apply(array, array.map(function ( item ) {
        return item[ property ];
    }));
}

var maxY = endProp( "max", pts, "Y" ), // 8.389
    minY = endProp( "min", pts, "Y" ); // 8.37256908416748

Answer 2

It would probably be easiest to sort the array.

array.sort(function minXToMaxX(a,b){
   return a.x - b.x;
});

Lowest x value is at array[0] . Highest x value is at array[array.length - 1] ;

Answer 3

This code works fine. See snippt for demo.

 var pts = [{ "X": 52.67528921580262, "Y": 8.373513221740723 }, { "X": 52.6759657545252, "Y": 8.374114036560059 }, { "X": 52.682574466310314, "Y": 8.37256908416748 }, { "X": 52.68356308524067, "Y": 8.373942375183105 }, { "X": 52.68293869694087, "Y": 8.375487327575684 }, { "X": 52.67685044320001, "Y": 8.376259803771973 }, { "X": 52.6756535071859, "Y": 8.379607200622559 }, { "X": 52.676017795531436, "Y": 8.382096290588379 }, { "X": 52.68101344348877, "Y": 8.380722999572754 }, { "X": 52.68351105322329, "Y": 8.383641242980957 }, { "X": 52.68, "Y": 8.389 }]; var xobj = []; var yobj = []; var len = pts.length; for (var i = 0; i < len; i++) { xobj.push(parseFloat(pts[i].X)); yobj.push(parseFloat(pts[i].Y)); } //height x value var value = xobj[0]; for (var n = 1; n < xobj.length; n++) { if (xobj[n] > value) { value = xobj[n]; } } //lowest x value var valuel = xobj[0]; for (var n = 1; n < xobj.length; n++) { if (xobj[n] < valuel) { valuel = xobj[n]; } } //height y value var valueY = yobj[0]; for (var n = 1; n < yobj.length; n++) { if (yobj[n] > valueY) { valueY = yobj[n]; } } //lowest x value var valuelY = yobj[0]; for (var n = 1; n < yobj.length; n++) { if (yobj[n] < valuelY) { valuelY = yobj[n]; } } document.getElementById("demo").innerHTML = valuel document.getElementById("demo1").innerHTML = value document.getElementById("demo2").innerHTML = valuelY document.getElementById("demo3").innerHTML = valueY 

 Minx: <p id="demo"></p> MaxX: <p id="demo1"></p> Miny: <p id="demo2"></p> MaxY: <p id="demo3"></p>