Locate the maximum and minimum elements from within each nested array using JavaScript

Question

Locate the maximum and minimum elements from within each nested array using JavaScript

Here is an array I'm working with:

var arr = [[12,45,75], [54,45,2],[23,54,75,2]];

I am trying to determine the largest and smallest elements in this nested array:

The minimum value should be: 2

while the maximum should be: 75

I attempted using the following functions but they did not yield the correct results:

    function Max(arrs)
    {
        if (!arrs || !arrs.length) return undefined;
        let max = Math.max.apply(window, arrs[0]), m,
            f = function(v){ return !isNaN(v); };
        for (let i = 1, l = arrs.length; i<l; i++) {
            if ((m = Math.max.apply(window, arrs[i].filter(f)))>max) max=m;
        }
        return max;
    }
    function Min(arrs)
    {
        if (!arrs || !arrs.length) return undefined;
        let min = Math.min.apply(window, arrs[0]), m,
            f = function(v){ return !isNaN(v); };
        for (let i = 1, l = arrs.length; i<l; i++) {
            if ((m = Math.min.apply(window, arrs[i].filter(f)))>min) min=m;
        }
        return min;
    }

Unfortunately, these functions incorrectly identify the maximum as 75 and the minimum as 12.

If you have any suggestions or guidance, please feel free to share.

I have also explored other solutions on Stack Overflow but none seem to address my specific issue.

The response provided at Merge/flatten an array of arrays in JavaScript? tackles merging arrays instead of performing operations while maintaining the original array structure.

javascript arrays max min

Answer 1

Answer №1

Utilizing ES6 features

const numbers = [[12,45,75], [54,45,2],[23,54,75,2]];

const maxNumber = Math.max(...[].concat(...numbers));

const minNumber = Math.min(...[].concat(...numbers));

console.log(maxNumber);

console.log(minNumber);

Answer 2

Utilizing ES6 features

const numbers = [[12,45,75], [54,45,2],[23,54,75,2]];

const maxNumber = Math.max(...[].concat(...numbers));

const minNumber = Math.min(...[].concat(...numbers));

console.log(maxNumber);

console.log(minNumber);

Answer 3

Answer №2

To start, flatten the array initially (benefit - suitable for nested arrays at different levels)

var flatArray = [[12,45,75], [54,45,2],[23,54,75,2] ].toString().split(",").map(Number);

Next, find the minimum and maximum values within the flattened array

var maxVal = Math.max.apply( null, flatArray );
var minVal = Math.min.apply( null, flatArray );

Check out this working example:

var flatArray = [
  [12, 45, 75],
  [54, 45, 2],
  [23, 54, 75, 2]
].toString().split(",").map(Number);

var maxVal = Math.max.apply(null, flatArray);
var minVal = Math.min.apply(null, flatArray);

console.log(maxVal, minVal);

Answer 4

To start, flatten the array initially (benefit - suitable for nested arrays at different levels)

var flatArray = [[12,45,75], [54,45,2],[23,54,75,2] ].toString().split(",").map(Number);

Next, find the minimum and maximum values within the flattened array

var maxVal = Math.max.apply( null, flatArray );
var minVal = Math.min.apply( null, flatArray );

Check out this working example:

var flatArray = [
  [12, 45, 75],
  [54, 45, 2],
  [23, 54, 75, 2]
].toString().split(",").map(Number);

var maxVal = Math.max.apply(null, flatArray);
var minVal = Math.min.apply(null, flatArray);

console.log(maxVal, minVal);

Answer 5

Answer №3

UPDATE 2024

Retrieve the minimum or maximum value from a flat array by spreading its values.

const
    values = [[12, 45, 75], [54, 45, 2], [23, 54, 75, 2]],
    flat = values.flat(),
    min = Math.min(...flat),
    max = Math.max(...flat);

console.log(min);
console.log(max);

An ES5 recursive method is used for deep nested arrays.

var array = [[12, 45, 75], [54, 45, 2], [23, 54, 75, 2]], min = array.reduce(function getMin(a, b) { return Math.min(Array.isArray(a) ? a.reduce(getMin) : a, Array.isArray(b) ? b.reduce(getMin) : b); }), max = array.reduce(function getMax(a, b) { return Math.max(Array.isArray(a) ? a.reduce(getMax) : a, Array.isArray(b) ? b.reduce(getMax) : b); }); console.log(min, max);

Functions are provided for use as callback functions.

function flat(f, v) { return Array.isArray(v) ? v.reduce(f) : v; } function getMin(a, b) { return Math.min(flat(getMin, a), flat(getMin, b)); } function getMax(a, b) { return Math.max(flat(getMax, a), flat(getMax, b)); } var array = [[12, 45, 75], [54, 45, 2], [23, 54, 75, 2]], min = array.reduce(getMin), max = array.reduce(getMax); console.log(min, max);

Answer 6

UPDATE 2024

Retrieve the minimum or maximum value from a flat array by spreading its values.

const
    values = [[12, 45, 75], [54, 45, 2], [23, 54, 75, 2]],
    flat = values.flat(),
    min = Math.min(...flat),
    max = Math.max(...flat);

console.log(min);
console.log(max);

An ES5 recursive method is used for deep nested arrays.

var array = [[12, 45, 75], [54, 45, 2], [23, 54, 75, 2]], min = array.reduce(function getMin(a, b) { return Math.min(Array.isArray(a) ? a.reduce(getMin) : a, Array.isArray(b) ? b.reduce(getMin) : b); }), max = array.reduce(function getMax(a, b) { return Math.max(Array.isArray(a) ? a.reduce(getMax) : a, Array.isArray(b) ? b.reduce(getMax) : b); }); console.log(min, max);

Functions are provided for use as callback functions.

function flat(f, v) { return Array.isArray(v) ? v.reduce(f) : v; } function getMin(a, b) { return Math.min(flat(getMin, a), flat(getMin, b)); } function getMax(a, b) { return Math.max(flat(getMax, a), flat(getMax, b)); } var array = [[12, 45, 75], [54, 45, 2], [23, 54, 75, 2]], min = array.reduce(getMin), max = array.reduce(getMax); console.log(min, max);

Answer 7

Answer №4

To simplify the process, you can combine all the nested arrays into one single array and then determine the minimum and maximum values by using Math.min.apply(null, array) and Math.max.apply(null, array)

var arr = [[45,76,33], [15,29,46],[10,5,30,8]];
var mergedArray = [].concat.apply([], arr);
var maxVal = Math.max.apply(null, mergedArray);
var minVal = Math.min.apply(null, mergedArray);
console.log(maxVal, minVal)

Answer 8

To simplify the process, you can combine all the nested arrays into one single array and then determine the minimum and maximum values by using Math.min.apply(null, array) and Math.max.apply(null, array)

var arr = [[45,76,33], [15,29,46],[10,5,30,8]];
var mergedArray = [].concat.apply([], arr);
var maxVal = Math.max.apply(null, mergedArray);
var minVal = Math.min.apply(null, mergedArray);
console.log(maxVal, minVal)

Answer 9

Answer №5

This solution provides a method to find the maximum value in a nested array without using concatenation, making it suitable for arrays with any level of nesting.

let arr = [[12,45,75], [54,45,2],[23,54,75,2]];

function findMaxFromNestedArray(arr) {
  let max = Number.MIN_SAFE_INTEGER;
  
  for (let item of arr) {
    if(Array.isArray(item)) {
      let maxInChildArray = findMaxFromNestedArray(item);
      if (maxInChildArray > max) {
        max = maxInChildArray;
      }
    } else {
      if (item > max) {
        max = item;
      }
    }
  }
  
  return max;
}

console.log(findMaxFromNestedArray(arr))

Answer 10

This solution provides a method to find the maximum value in a nested array without using concatenation, making it suitable for arrays with any level of nesting.

let arr = [[12,45,75], [54,45,2],[23,54,75,2]];

function findMaxFromNestedArray(arr) {
  let max = Number.MIN_SAFE_INTEGER;
  
  for (let item of arr) {
    if(Array.isArray(item)) {
      let maxInChildArray = findMaxFromNestedArray(item);
      if (maxInChildArray > max) {
        max = maxInChildArray;
      }
    } else {
      if (item > max) {
        max = item;
      }
    }
  }
  
  return max;
}

console.log(findMaxFromNestedArray(arr))

Answer 11

Answer №6

A single solution using reduce method:

const findMaxMin = (mergedArr) => {
return mergedArr.reduce(
        (prev, curr) => {            
            return {
                max: Math.max(curr, prev.max),
                min: Math.min(curr, prev.min),                
            };
        },
        {
            max: -Infinity,
            min: Infinity,            
        }
    );
}
const mergeArrays = arr => [].concat(...arr)
const result = findMaxMin(mergeArrays(arr))
console.log(result);

Answer 12

A single solution using reduce method:

const findMaxMin = (mergedArr) => {
return mergedArr.reduce(
        (prev, curr) => {            
            return {
                max: Math.max(curr, prev.max),
                min: Math.min(curr, prev.min),                
            };
        },
        {
            max: -Infinity,
            min: Infinity,            
        }
    );
}
const mergeArrays = arr => [].concat(...arr)
const result = findMaxMin(mergeArrays(arr))
console.log(result);

Answer 13

Answer №7

To simplify the array, we can utilize Array.prototype.flat. Visit this link for more information.

const nestedArray = [[12,45,75], [54,45,2],[23,54,75,2]]
const flattenedArray = nestedArray.flat(2)

const minValue = Math.min.apply(null, flattenedArray)
const maxValue = Math.max.apply(null, flattenedArray)

console.log( {flattenedArray, minValue, maxValue} )

Answer 14

To simplify the array, we can utilize Array.prototype.flat. Visit this link for more information.

const nestedArray = [[12,45,75], [54,45,2],[23,54,75,2]]
const flattenedArray = nestedArray.flat(2)

const minValue = Math.min.apply(null, flattenedArray)
const maxValue = Math.max.apply(null, flattenedArray)

console.log( {flattenedArray, minValue, maxValue} )

Answer 15

Answer №8

function flattenArray(arr) {
  return arr.join().split(',').map(Number);
}

function getMaxValue(arr) {
  const flatArr = flattenArray(arr);
  let maxVal = flatArr[0];
  flatArr.forEach((value) => {
    maxVal = value > maxVal ? value : maxVal;
  });
  return maxVal;
}

function getMinValue(arr) {
  const flatArr = flattenArray(arr);
  let minVal = flatArr[0];
  flatArr.forEach((value) => {
    minVal = value < minVal ? value : minVal;
  });
  return minVal;
}

const array1 = [
  [12, 45, 75],
  [54, 45, 2],
  [23, 54, 75, 2],
]
console.log(`Max: ${getMaxValue(array1)}`);
console.log(`Min: ${getMinValue(array1)}`);

const array2 = [1, 2, [14, 56, 34, [48, 98]], [14, 16, 11, [18, 81]], 34, 35];
console.log(`Max: ${getMaxValue(array2)}`);
console.log(`Min: ${getMinValue(array2)}`);

Answer 16

function flattenArray(arr) {
  return arr.join().split(',').map(Number);
}

function getMaxValue(arr) {
  const flatArr = flattenArray(arr);
  let maxVal = flatArr[0];
  flatArr.forEach((value) => {
    maxVal = value > maxVal ? value : maxVal;
  });
  return maxVal;
}

function getMinValue(arr) {
  const flatArr = flattenArray(arr);
  let minVal = flatArr[0];
  flatArr.forEach((value) => {
    minVal = value < minVal ? value : minVal;
  });
  return minVal;
}

const array1 = [
  [12, 45, 75],
  [54, 45, 2],
  [23, 54, 75, 2],
]
console.log(`Max: ${getMaxValue(array1)}`);
console.log(`Min: ${getMinValue(array1)}`);

const array2 = [1, 2, [14, 56, 34, [48, 98]], [14, 16, 11, [18, 81]], 34, 35];
console.log(`Max: ${getMaxValue(array2)}`);
console.log(`Min: ${getMinValue(array2)}`);

Answer 17

Answer №9

Here are 3 straightforward methods to handle this:

Imagine you possess a complex nested array:

let numbers = [12, 44, [33, 94, 10444], 104]

Start by flattening the array. There exist multiple ways to achieve this, but let's focus on 2 of the simplest techniques:

const flat = numbers.flat() // 12, 44, 33, 94, 10444, 104

const flat = [].concat(...numbers) // 12, 44, 33, 94, 10444, 104

Next, it's a breeze - finding the minimum and maximum values from the flattened array:

const min = Math.min(...flat) // 12
const max = Math.max(...flat) // 10444

Alternatively, you can organize the flattened array, then fetch the first and last elements:

flat.sort((a,b) => {return a-b}) // 12, 33, 44, 94, 104, 10444
const min = flat.shift() // 12
const max = flat.pop() // 104444

Answer 18

Here are 3 straightforward methods to handle this:

Imagine you possess a complex nested array:

let numbers = [12, 44, [33, 94, 10444], 104]

Start by flattening the array. There exist multiple ways to achieve this, but let's focus on 2 of the simplest techniques:

const flat = numbers.flat() // 12, 44, 33, 94, 10444, 104

const flat = [].concat(...numbers) // 12, 44, 33, 94, 10444, 104

Next, it's a breeze - finding the minimum and maximum values from the flattened array:

const min = Math.min(...flat) // 12
const max = Math.max(...flat) // 10444

Alternatively, you can organize the flattened array, then fetch the first and last elements:

flat.sort((a,b) => {return a-b}) // 12, 33, 44, 94, 104, 10444
const min = flat.shift() // 12
const max = flat.pop() // 104444

Locate the maximum and minimum elements from within each nested array using JavaScript

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Answer №7

Answer №8

Answer №9

Similar questions

The issue with angular JavaScript in the child component is causing the left side navigation dropdown to malfunction

Guide to writing a Jasmine test case to verify Toggle class behavior within a click event

Rearrange Firebase data on the client side

Obtain abbreviated names for the days of the week starting from Monday to Sunday using JavaScript

Tips for adjusting line placement on a leaflet map

Leveraging TipTap.dev for building a joint editing platform -

The React Bootstrap modal is encountering an error, specifically a TypeError where it is unable to read properties of undefined, specifically the 'classList'

Best method for filling forward NaN values within a numpy array

Exploring data elements in a Javascript array

Is there a way to store the outcome of an HTTP GET call in Angular 7 as a JSON file?

How to Toggle the :invalid State to True on a Dropdown Element Using JQuery

What method can we use to temporarily route traffic from one URL to another URL for a specific amount of time?

Exploring the Differences Between Javascript Ajax Response and String Comparisons

Ways to determine if a new set of input values duplicates previous rows in an array

Steps for eliminating an element upon the second click:

What is the most effective way to obtain the final row of a Google DataTable using JavaScript?

Using Python3, transform a bytes object containing hexadecimal ASCII representation into an ASCII string

Setting the selected value of a static select menu in Angular 2 form

Display all the names of the files from various file inputs in a unified notification

Avoid mutating the prop directly and instead, utilize a data or computed property that is based on the value of the prop. The prop that is being mutated in this case is