Discovering the minimum and maximum within an array containing objects

Question

Discovering the minimum and maximum within an array containing objects

I am working with an array of objects that contain latitude and longitude points:

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             }
];

Could someone help me determine the minimum and maximum values for X and Y in this array?

javascript arrays object max min

Answer 1

Answer №1

To achieve the desired result, you can utilize the `Math.min` and `Math.max` functions by passing in a mapped array that includes only the specified values as shown below:

function calculateBoundaryValue(mathFunction, dataValues, propertyKey) {
    return Math[mathFunction].apply(dataValues, dataValues.map(function (entry) {
        return entry[propertyKey];
    }));
}

var highestYValue = calculateBoundaryValue("max", coordinates, "Y"), // 8.389
    lowestYValue = calculateBoundaryValue("min", coordinates, "Y"); // 8.37256908416748

Answer 2

To achieve the desired result, you can utilize the `Math.min` and `Math.max` functions by passing in a mapped array that includes only the specified values as shown below:

function calculateBoundaryValue(mathFunction, dataValues, propertyKey) {
    return Math[mathFunction].apply(dataValues, dataValues.map(function (entry) {
        return entry[propertyKey];
    }));
}

var highestYValue = calculateBoundaryValue("max", coordinates, "Y"), // 8.389
    lowestYValue = calculateBoundaryValue("min", coordinates, "Y"); // 8.37256908416748

Answer 3

Answer №2

To simplify things, it may be best to organize the array in ascending order based on the x values.

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

The smallest x value can be found at index array[0]. The largest x value is located at index array[array.length - 1];

Answer 4

To simplify things, it may be best to organize the array in ascending order based on the x values.

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

The smallest x value can be found at index array[0]. The largest x value is located at index array[array.length - 1];

Answer 5

Answer №3

This particular code is functioning perfectly. Take a look at the snippet for a demonstration.

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

//highest 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];
  }
}

//highest y value
var valueY = yobj[0];
for (var n = 1; n < yobj.length; n++) {
  if (yobj[n] > valueY) {
    valueY = yobj[n];
  }
}

//lowest y 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>

Answer 6

This particular code is functioning perfectly. Take a look at the snippet for a demonstration.

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

//highest 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];
  }
}

//highest y value
var valueY = yobj[0];
for (var n = 1; n < yobj.length; n++) {
  if (yobj[n] > valueY) {
    valueY = yobj[n];
  }
}

//lowest y 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>

Discovering the minimum and maximum within an array containing objects

Answer №1

Answer №2

Answer №3

Similar questions

unnecessary files in the node_modules directory in Rails

Retrieve information for AJAX tooltip from a specific URL

What methods can I utilize to prevent pop-up errors from appearing in my javascript code?

Displaying Material UI Styles: A Challenge

The animation in an AngularJS directive only functions properly when utilizing $timeout

a guide to structuring REST API requests with axios in Vue.js

I'm looking to create a unit test for my AngularJS application

Sending an array via Ajax using jQuery

Unleashing the power of Vuex with promise chaining

What is the best method for retrieving all input fields within a form that are of the types text, password, file, textarea, and selectbox?

The server encountered a 500 Internal Server Error because it could not read the 'username' property of an undefined object

Encountering issues with Jquery while retrieving data from a .json URL

Guide to embedding a qr code within a pdf document

Issue with event binding on datepicker that is dynamically added is not functional

A script in PHP or JavaScript that dynamically generates two dual drop-down menus to assist with data selection

Accessing specific elements within multi-dimensional arrays using JavaScript

Using PHP, JavaScript is unable to hide <div> elements

Django RGBField cannot locate jQuery

Error message: Unforeseen node express token problem

The list filter may not work properly if the search string is left blank