What is the best way to find the maximum and minimum values within a JSON object that is populated from user inputs using only JavaScript?

Question

What is the best way to find the maximum and minimum values within a JSON object that is populated from user inputs using only JavaScript?

Here is a simple form that stores data at the following link: https://jsfiddle.net/andresmcio/vLp84acv/

var _newStudent = {
        "code": code,
        "names": names,
        "grade": grades,
    };

I'm struggling to retrieve the highest and lowest grade with their respective buttons, as it currently shows the last entry as both the maximum and minimum value.

If anyone could provide assistance, I would greatly appreciate it. Please note that the solution should be displayed as is (using alerts) and must only use pure JavaScript, without any jQuery or other libraries.

Thank you in advance.

javascript json

Answer 1

Answer №1

It seems like there are a couple of issues with your functions. 1.) You keep resetting the variables used to store information in each loop iteration. 2.) You are only comparing each student to themselves in every iteration. To address these concerns, consider the revised code below:

function findHighestGrade(json) {
    if (json.length > 1) {
        var result = "";
        var highestGrade = 0;
        var currentGrade = 0;
        for (var i = 0; i < json.length; i++) {
            currentGrade = parseFloat(json[i].grade);
            if (highestGrade < currentGrade)) {
                highestGrade = currentGrade;
                result = json[i].name + " has the highest grade of " + json[i].grade;
            }
        }
        alert("The highest grade is: " + result);
    } else {
        alert("Please enroll at least two students");
    }
}

Answer 2

It seems like there are a couple of issues with your functions. 1.) You keep resetting the variables used to store information in each loop iteration. 2.) You are only comparing each student to themselves in every iteration. To address these concerns, consider the revised code below:

function findHighestGrade(json) {
    if (json.length > 1) {
        var result = "";
        var highestGrade = 0;
        var currentGrade = 0;
        for (var i = 0; i < json.length; i++) {
            currentGrade = parseFloat(json[i].grade);
            if (highestGrade < currentGrade)) {
                highestGrade = currentGrade;
                result = json[i].name + " has the highest grade of " + json[i].grade;
            }
        }
        alert("The highest grade is: " + result);
    } else {
        alert("Please enroll at least two students");
    }
}

What is the best way to find the maximum and minimum values within a JSON object that is populated from user inputs using only JavaScript?

Answer №1

Similar questions

Is there a way to plot countries onto a ThreeJS Sphere?

Is your script tag not functioning properly with Promises?

Having trouble accessing an injector service within the promise of a dynamically loaded JavaScript function that has been assigned to a global variable

Switch between Fixed and Relative positions as you scroll

Guidelines for incorporating Context API in Material UI

Switching from using a computed property in Vue 2 to implementing the Vue 3 Composition API

What is the best way to trigger a function once another one has finished executing?

The conversion of a map to a list is resulting in a null jolt output

The React input field seems to be unresponsive to updates

Can you please explain the meaning of this wildcard symbol?

A guide on combining two similar entities in Laravel

Is the this.props.onChange method called within the render function?

Converting Enum Flags to a String Array in C# using Json.NET

Looking for nested objects within an array in JavaScript

Enhancing Functionality: JavaScript customization of jQuery (or any other object's) function

Embedding JSON data in a GSP page

What is the best way to prevent a directory from being included in the Webpack bundle?

Is there a way to determine if a website is utilizing javascript?

Having trouble locating the objects in the parent scope of an Angular directive

"Encountering Issues with Angular's Modules and EntryComponents during Lazy Loading