Retrieve the highest value indexes from a three-dimensional array with JavaScript

Question

Retrieve the highest value indexes from a three-dimensional array with JavaScript

In my dataset, I have an array structured like this:

[34, 12, 56]
[100,125,19]
[30,50,69]

The highest value in this array is 125, so the index [1,1] is returned. This means that 125, the highest value, can be found in row 1, column 1.

To determine the index of the maximum value in an array, I used the following code:

var a = [0, 21, 22, 7, 12];
var indexOfMaxValue = a.reduce((iMax, x, i, arr) => x > arr[iMax] ? i : 
iMax, 0);
document.write("indexOfMaxValue = " + indexOfMaxValue); // prints 
"indexOfMaxValue = 2"

javascript arrays

Answer 1

Answer №1

My method involves flattening all arrays for easier management, identifying the highest number and its position, and determining its final location through mathematical calculations. This approach simplifies the calculation by using a single array.

const arr = [[34, 12, 56], [100,125,19], [30,50,69]];
const arr2 = [0, 21, 22, 7, 12];

function findHighest(arr) {

  // Calculate the number of columns
  const cols = arr.length;

  // Flatten the arrays
  const tempArr = arr.flatMap(el => el);

  // Find the highest number in the array
  const max = Math.max.apply(null, tempArr);

  // Determine the index of the highest number
  const indexMax = tempArr.findIndex(el => el === max);

  // Calculate the remainder when dividing the index by the number of columns
  const mod = indexMax % cols;

  // Output the final array
  return [Math.floor(indexMax / cols), mod];
}

console.log(findHighest(arr))
console.log(findHighest(arr2))

Answer 2

My method involves flattening all arrays for easier management, identifying the highest number and its position, and determining its final location through mathematical calculations. This approach simplifies the calculation by using a single array.

const arr = [[34, 12, 56], [100,125,19], [30,50,69]];
const arr2 = [0, 21, 22, 7, 12];

function findHighest(arr) {

  // Calculate the number of columns
  const cols = arr.length;

  // Flatten the arrays
  const tempArr = arr.flatMap(el => el);

  // Find the highest number in the array
  const max = Math.max.apply(null, tempArr);

  // Determine the index of the highest number
  const indexMax = tempArr.findIndex(el => el === max);

  // Calculate the remainder when dividing the index by the number of columns
  const mod = indexMax % cols;

  // Output the final array
  return [Math.floor(indexMax / cols), mod];
}

console.log(findHighest(arr))
console.log(findHighest(arr2))

Answer 3

Answer №2

This code snippet demonstrates a solution to finding the maximum value in a two-dimensional array. However, there may be alternative approaches worth considering:

const array = [
    [34, 12, 56],
    [100, 125, 19],
    [30, 50, 69]
];
let maxValue, maxIndex;
array.forEach((innerArray, i) => {
    innerArray.forEach((value, j) => {
        if (i === 0 && j === 0) {
            maxValue = value;
            maxIndex = [i, j]
        } else {
            if (maxValue < value) {
                maxValue = value;
                maxIndex = [i, j];
            }

        }

    });
});

console.log("Index of Maximum Number:", maxIndex);

Answer 4

This code snippet demonstrates a solution to finding the maximum value in a two-dimensional array. However, there may be alternative approaches worth considering:

const array = [
    [34, 12, 56],
    [100, 125, 19],
    [30, 50, 69]
];
let maxValue, maxIndex;
array.forEach((innerArray, i) => {
    innerArray.forEach((value, j) => {
        if (i === 0 && j === 0) {
            maxValue = value;
            maxIndex = [i, j]
        } else {
            if (maxValue < value) {
                maxValue = value;
                maxIndex = [i, j];
            }

        }

    });
});

console.log("Index of Maximum Number:", maxIndex);

Answer 5

Answer №3

For those looking for a 2D solution, give this a try. It should be able to handle arrays of varying lengths dynamically. Also, it can be expanded with a new forEach loop to accommodate additional dimensions.

[100, 125, 19],
[30, 50, 69]];

maxIndex = [-1, -1];
maxElem = 0;
input.forEach(function(arr, row) {
    console.error(row);
    arr.forEach(function(e, col) {
    if( maxElem <= e ) {
        maxElem = e;
        maxIndex = [row, col];
    }
  })
})

console.log(maxIndex)

Answer 6

For those looking for a 2D solution, give this a try. It should be able to handle arrays of varying lengths dynamically. Also, it can be expanded with a new forEach loop to accommodate additional dimensions.

[100, 125, 19],
[30, 50, 69]];

maxIndex = [-1, -1];
maxElem = 0;
input.forEach(function(arr, row) {
    console.error(row);
    arr.forEach(function(e, col) {
    if( maxElem <= e ) {
        maxElem = e;
        maxIndex = [row, col];
    }
  })
})

console.log(maxIndex)

Retrieve the highest value indexes from a three-dimensional array with JavaScript

Answer №1

Answer №2

Answer №3

Similar questions

Custom Component in React Bootstrap with Overflowing Column

Customizing the appearance of Jquery UI Accordion Headers

Is it possible to use the same HTML select/dropdown menu for multiple rows in a table?

Creating a dynamic multi-item carousel with Materialize (CSS) cards using data from a loop - here's how!

Create a new instance of the TypeScript singleton for each unit test

"Invalid: string path required" (version 5.10.0)

Managing and enumerating array elements in an angular.js controller

Issue: Inability to scroll on div overflow section

Modify all the content within the DIV using Regex, while keeping the HTML tags intact

Problems Arising from the Combination of Django and External JavaScript

What is the best way to ensure that the operations are not completed until they finish their work using RX

Navigating through various arrays within objects on a JSON API with JavaScript: A walkthrough

Refresh the dropdown menu selection to the default option

Mastering the art of concurrent Ajax requests using jQuery for an advanced Posting and Commenting system

Execute function when image finishes loading (Internet Explorer)

An error in TypeScript has occurred, stating that the type 'IterableIterator<any>' is neither an array type nor a string type

What is the best way to retrieve AWS secret values using JavaScript?

Having trouble passing a JavaScript variable through AJAX requests

The result of the $.post() request is back

What is the best way to determine the size of a returned element in React?