What is the best way to find the maximum and minimum values within a nested array in JavaScript?

Question

What is the best way to find the maximum and minimum values within a nested array in JavaScript?

I am looking to extract the highest and lowest values from specific data points within a nested array.

For example, this nested array is structured as [latitude, longitude].

The specific nested array in question looks like this: [[40, 50], [50, 60], [60, 70]].

When it comes to longitude, the maximum value should be 70 and the minimum should be 50.

As for latitude, the maximum value should be 60 and the minimum should be 40.

To find the average longitude value, you should get 60, while for average latitude it would be 50.

So my query now is how can I use JavaScript to identify the maximum and minimum longitude and latitude values separately within the nested array, and then calculate their averages?

javascript arrays

Answer 1

Answer №1

How about trying out the code snippet below:

var elements = [[3, 9], [5, 7], [8,12]];
// Finding the maximum value for index 0
Math.max.apply(Math, elements.map(function(item) { return item[0]; }));
8
// Finding the maximum value for index 1
Math.max.apply(Math, elements.map(function(item) { return item[1]; }));
12
// Finding the minimum value for index 0
Math.min.apply(Math, elements.map(function(item) { return item[0]; }));
3
// Finding the minimum value for index 1
Math.min.apply(Math, elements.map(function(item) { return item[1]; }));
7

I hope this solution works for you.

Answer 2

How about trying out the code snippet below:

var elements = [[3, 9], [5, 7], [8,12]];
// Finding the maximum value for index 0
Math.max.apply(Math, elements.map(function(item) { return item[0]; }));
8
// Finding the maximum value for index 1
Math.max.apply(Math, elements.map(function(item) { return item[1]; }));
12
// Finding the minimum value for index 0
Math.min.apply(Math, elements.map(function(item) { return item[0]; }));
3
// Finding the minimum value for index 1
Math.min.apply(Math, elements.map(function(item) { return item[1]; }));
7

I hope this solution works for you.

Answer 3

Answer №2

const coordinates = [[40, 50], [50, 60], [60, 70]]

const latitude = coordinates.map(a => a[0])
const longitude = coordinates.map(a => a[1])

const maxLatitude = Math.max(...latitude)
const minLatitude = Math.min(...latitude)
const avgLatitude = (latitude.reduce((acc,cur) => acc + cur, 0))/latitude.length
console.log(maxLatitude, minLatitude, avgLatitude)

const maxLongitude = Math.max(...longitude)
const minLongitude = Math.min(...longitude)
const avgLongitude = (longitude.reduce((acc,cur) => acc + cur, 0))/longitude.length
console.log(maxLongitude, minLongitude, avgLongitude)

Answer 4

const coordinates = [[40, 50], [50, 60], [60, 70]]

const latitude = coordinates.map(a => a[0])
const longitude = coordinates.map(a => a[1])

const maxLatitude = Math.max(...latitude)
const minLatitude = Math.min(...latitude)
const avgLatitude = (latitude.reduce((acc,cur) => acc + cur, 0))/latitude.length
console.log(maxLatitude, minLatitude, avgLatitude)

const maxLongitude = Math.max(...longitude)
const minLongitude = Math.min(...longitude)
const avgLongitude = (longitude.reduce((acc,cur) => acc + cur, 0))/longitude.length
console.log(maxLongitude, minLongitude, avgLongitude)

Answer 5

Answer №3

By utilizing the Array#reduce technique, you can accomplish this task in a more "functional" manner.

The process starts by setting an initial value from the input array and then proceeds to scan through the array to identify and update the current minimum or maximum values as it progresses.

Expanding on this method, the "average" functions are created by combining both the "minimum" and "maximum" functions, followed by computing the average of the numerical results:

var array = [[40, 50], [50, 60], [60, 70]]

const findMinLatitude = (arr) => {

  return arr.reduce((min, item) => {
    
    return Math.min(min, item[0])
    
  }, arr[0][0])
}

const findMaxLatitude = (arr) => {

  return arr.reduce((max, item) => {
    
    return Math.max(max, item[0])
    
  }, arr[0][0])
}

const findAvgLatitide = (arry) => {
  
  return (findMinLatitude(arry) + findMaxLatitude(arry)) * 0.5
}

const findMinLongitude = (arr) => {

  return arr.reduce((min, item) => {
    
    return Math.min(min, item[1])
    
  }, arr[0][1])
}

const findMaxLongitude = (arr) => {

  return arr.reduce((max, item) => {
    
    return Math.max(max, item[1])
    
  }, arr[0][1])
}

const findAvgLongitude = (arry) => {
  
  return (findMinLongitude(arry) + findMaxLongitude(arry)) * 0.5
}

console.log('Min latitude', findMinLatitude(array))
console.log('Max latitude', findMaxLatitude(array))
console.log('Average latitude', findAvgLatitide(array))
console.log('Min longitude', findMinLongitude(array))
console.log('Max longitude', findMaxLongitude(array))
console.log('Average longitude', findAvgLongitude(array))

Answer 6

By utilizing the Array#reduce technique, you can accomplish this task in a more "functional" manner.

The process starts by setting an initial value from the input array and then proceeds to scan through the array to identify and update the current minimum or maximum values as it progresses.

Expanding on this method, the "average" functions are created by combining both the "minimum" and "maximum" functions, followed by computing the average of the numerical results:

var array = [[40, 50], [50, 60], [60, 70]]

const findMinLatitude = (arr) => {

  return arr.reduce((min, item) => {
    
    return Math.min(min, item[0])
    
  }, arr[0][0])
}

const findMaxLatitude = (arr) => {

  return arr.reduce((max, item) => {
    
    return Math.max(max, item[0])
    
  }, arr[0][0])
}

const findAvgLatitide = (arry) => {
  
  return (findMinLatitude(arry) + findMaxLatitude(arry)) * 0.5
}

const findMinLongitude = (arr) => {

  return arr.reduce((min, item) => {
    
    return Math.min(min, item[1])
    
  }, arr[0][1])
}

const findMaxLongitude = (arr) => {

  return arr.reduce((max, item) => {
    
    return Math.max(max, item[1])
    
  }, arr[0][1])
}

const findAvgLongitude = (arry) => {
  
  return (findMinLongitude(arry) + findMaxLongitude(arry)) * 0.5
}

console.log('Min latitude', findMinLatitude(array))
console.log('Max latitude', findMaxLatitude(array))
console.log('Average latitude', findAvgLatitide(array))
console.log('Min longitude', findMinLongitude(array))
console.log('Max longitude', findMaxLongitude(array))
console.log('Average longitude', findAvgLongitude(array))

What is the best way to find the maximum and minimum values within a nested array in JavaScript?

Answer №1

Answer №2

Answer №3

Similar questions

NodeJS Express Application Error: Unable to access /url

Dynamically insert JavaScript and CSS files into the header by using the append method

Unable to process form submission with AngularJS + Stormpath

The ideal formats for tables and JavaScript: How to effectively retrieve arrays from a table?

center a horizontal line using StyledSheets in your project

MTG Life counter. Display fluctuations in count

Accessing User Input Data with JQuery

Encountering an issue with foreach loop that is continuously providing me with a

Ways to programmatically open a new tab in VueJs without requiring a button click

What could be causing the DATE_SUB function to fail in executing a MySQL query through Node.js?

Does Firestore arrayunion offer any kind of callback function?

Is there a way for me to convert this JSON object back into a string?

Verify if items in a list contain a source from a variable and then execute code - jQuery / JavaScript

What causes data to update in a Vue template but not in the JavaScript portion of the code?

How can I use ReactJS to find the nearest five locations in order from closest to farthest?

Parsing JSON into a List of Objects

The vertical tabs in JQueryUI lost their functionality when a few seemingly unrelated CSS styles were added

HTML comments generated from Freemarker's list notation

NextJS: When attempting to serialize the `function` as JSON, an error occurs as it is not a JSON serializable data type

Is it possible to navigate to the Next page using a different button instead of the pagination controls