How to get Values from Specific Objects an Array in JavaScript ?

How to Get Index of the Max Value in Array of Objects ?

Last Updated : 04 Mar, 2024

When dealing with arrays of objects in JavaScript, it's common to need the index of the object with the maximum value based on a certain property.

Below are the approaches to get the index of the max value in an array of objects:

Table of Content

Using a Loop
Using Array.reduce() Method

Using a Loop

This approach iterates through the array of objects using a simple for loop. It keeps track of the index of an object with the maximum value based on the specified property.

Example: The below code uses a for loop to iterate over the array of objects and get the index of the max value.

JavaScript

function indexOfMax(arr, prop) {
    let max = -Infinity;
    let index = -1;
    for (let i = 0; i < arr.length; i++) {
        if (arr[i][prop] > max) {
            max = arr[i][prop];
            index = i;
        }
    }
    return index;
}

const employees = [
    { name: 'John', salary: 50000 },
    { name: 'Alice', salary: 70000 },
    { name: 'Bob', salary: 60000 }
];

const maxSalaryIndex = 
    indexOfMax(employees, 'salary');
console.log("Index of employee with highest salary:", 
    maxSalaryIndex);

Output

Index of employee with highest salary: 1

Using Array.reduce() Method

Array.reduce() is a powerful method in JavaScript used to reduce the elements of an array to a single value. It executes a provided function for each value of the array and accumulates a single result.

Syntax:

Array.reduce(callbackFunction, initialValue)

Example: The below code explains the use of the reduce() method to get the index of the max value in an array of objects.

JavaScript

function indexOfMax(arr, prop) {
    return arr.reduce(
        (maxIndex, current, currentIndex, array) => {
            return current[prop] > 
            array[maxIndex][prop] ? currentIndex : 
            maxIndex;
    }, 0);
}

const people = [
    { name: 'Alice', age: 30 },
    { name: 'Bob', age: 40 },
    { name: 'John', age: 35 }
];

const maxAgeIndex = 
    indexOfMax(people, 'age');
console.log("Index of person with maximum age:", 
    maxAgeIndex);

Output

Index of person with maximum age: 1

How to get Values from Specific Objects an Array in JavaScript ?

R

rohitdalvi

Improve

Article Tags :

Similar Reads

How To Search The Max Value of an Attribute in an Array Object?

Here are the various methods to search the max value of an attribute in an array object 1. Using LoopThe array is traversed and the required values of the object are compared for each index of the array. [GFGTABS] javascript const prod = [ { name: 'Prod A', price: 50 }, { name: 'Prod B

How can I get the index from a JSON object with value ?

In this article, we are going to learn how you get an index from a JSON object with value. we have given a value we need to search for that value with its key in the given JSON object and print the result in the console. These are the following approaches: Table of Content Using the Array.find() met

How to Get Index of Greatest Value in an Array in JavaScript ?

In this article, we will see how to return the index for the greatest value in an array with the help of JavaScript. To return the index of the greatest value in an array using JavaScript. Some of the examples are to return the index of the greatest value in an array. Example: The greatest value in

How to get the Index of an Array based on a Property Value in TypeScript ?

Getting the index of an array based on a property value involves finding the position of an object within the array where a specific property matches a given value. The below approaches can be used to accomplish the task. Table of Content Using Array.findIndex()Using reduce() methodUsing for loopUsi

Max/Min value of an attribute in an array of objects in JavaScript

In this article, we are given an array of objects and the task is to get the maximum and minimum values from the array of objects. For this approach, we have a few methods that will be discussed below. Methods to get Min/Max values:using JavaScript apply() and Array map()using JavaScript Array reduc

How to get the last item of JavaScript object ?

In this article, we will learn how to get the last item of a Javascript object. Given a JavaScript object and the task is to get the last element of the JavaScript object. This can be done by the following methods: Using Object.keys() methodUsing for loopmethodApproach 1: Use Object.keys() method to

How to Get the Longest String in an Array using JavaScript?

Given an array, the task is to get the longest string from the array in JavaScript. Here are a few of the most used techniques discussed with the help of JavaScript. In this article, we will use JavaScript methods to find out the longest string in the array. All approaches are described below with e

Find the Array Index with a Value in JavaScript

Here are some effective methods to find the array index with a value in JavaScript. Using indexOf() - Most Used indexOf() returns the first index of a specified value in an array, or -1 if the value is not found. [GFGTABS] JavaScript const a = [10, 20, 30, 40, 50]; // Find index of value 30 const in

JavaScript Get the index of an object by its property

Given an object, the task is to get the object's index from the array of objects of the given property name and property value using JavaScript. we're going to discuss a few techniques. Below are the following approaches: Table of Content Using Array map() MethodUsing for loopUsing findIndex() Metho

How to get largest and smallest number in an Array?

Given an array arr[] of length N, The task is to find the maximum and the minimum number in the array. Examples: Input: arr[] = {1, 2, 3, 4, 5}Output: Maximum is: 5Minimum is: 1Explanation: The maximum of the array is 5 and the minimum of the array is 1. Input: arr[] = {5, 3, 7, 4, 2}Output: Maximum