Setting values for array elements using a loop

Question

Setting values for array elements using a loop

Struggling to implement the loop function on an array, I am seeking assistance. My goal is to assign people's requests to groups based on vacancies in those groups automatically.
Therefore, I envision a table like this:
Group 1 | Number of People
Group 2 | Number of People
Group 3 | Number of People
and so forth...

To achieve this, I understand that I need an "if" condition to compare reservation requests with group vacancies and then make the assignment if the vacancy exceeds the request.
I can add the reservation variable to an array using the array.push function but I'm facing challenges in looping through and assigning values to a two-column array...

<label for="groups">Reservation request (1-10):</label>
<div id="reservation">
<input type="number" name="form" id="number" min="1" max='10'>
<br><br>
<button onclick="groups()">Submit</button>
</div>

var myArray = ["Group 1", "Group 2", "Group 3"];
function groups() {
    form = number.value;
    if (form >=1){  
        for (var i; i<myArray.length; i++) {
            if (myArray[i] > form){
                myArray[i] = form;
                console.log(myArray);
            }
            else {alert("no");}
        }
    }

Can anyone offer guidance?

Thank you, Marion

javascript arrays loops for-loop

Answer 1

Answer №1

If my understanding is correct, your goal is to:

Begin with a list of empty groups that can expand by adding people but should not exceed 10 members
Upon request (button press), add any number of people to the first group capable of accommodating all requested members
If no group can accommodate all requested members, create a new group and assign the request to it

To achieve this, it is recommended to avoid using multi-dimensional arrays ("arrays with two columns"):

var myArray = [0, 0, 0];

function groups() {
    var form = document.getElementById('number').value;
    if (form >= 1) {  
        for (var i; i<myArray.length; i++) {
            if (myArray[i] < 10 - form) {
                myArray[i] += form;
                return;
            }
        }
        myArray.push(form); // this will only occur if the "return" statement above never happened
    } else {
        alert("no");
    }
}

If you prefer to use group names / a multi-dimensional array, you can implement it like this:

var myArray = [['Group 0', 0], ['Group 1', 0], ['Group 2', 0]];

function groups() {
    var form = document.getElementById('number').value;
    if (form >= 1) {  
        for (var i; i<myArray.length; i++) {
            if (myArray[i][1] < 10 - form) {
                myArray[i][1] += form;
                return;
            }
        }
        myArray.push(['Group ' + myArray.length, form]); // this will only happen if the "return" statement above never occurred
    } else {
        alert("no");
    }
}

For improved clarity, you can utilize structured objects within myArray instead of additional arrays:

var myArray = [{name:'Group 0', reserved:0}, {name:'Group 1', reserved:0}, {name:'Group 2', reserved:0}];

function groups() {
    var form = document.getElementById('number').value;
    if (form >= 1) {  
        for (var i; i<myArray.length; i++) {
            if (myArray[i].reserved < 10 - form) {
                myArray[i].reserved += form;
                return;
            }
        }
        myArray.push({name:'Group ' + myArray.length, reserved:form}); // this will only occur if the "return" statement above never happened
    } else {
        alert("no");
    }
}

Answer 2

If my understanding is correct, your goal is to:

Begin with a list of empty groups that can expand by adding people but should not exceed 10 members
Upon request (button press), add any number of people to the first group capable of accommodating all requested members
If no group can accommodate all requested members, create a new group and assign the request to it

To achieve this, it is recommended to avoid using multi-dimensional arrays ("arrays with two columns"):

var myArray = [0, 0, 0];

function groups() {
    var form = document.getElementById('number').value;
    if (form >= 1) {  
        for (var i; i<myArray.length; i++) {
            if (myArray[i] < 10 - form) {
                myArray[i] += form;
                return;
            }
        }
        myArray.push(form); // this will only occur if the "return" statement above never happened
    } else {
        alert("no");
    }
}

If you prefer to use group names / a multi-dimensional array, you can implement it like this:

var myArray = [['Group 0', 0], ['Group 1', 0], ['Group 2', 0]];

function groups() {
    var form = document.getElementById('number').value;
    if (form >= 1) {  
        for (var i; i<myArray.length; i++) {
            if (myArray[i][1] < 10 - form) {
                myArray[i][1] += form;
                return;
            }
        }
        myArray.push(['Group ' + myArray.length, form]); // this will only happen if the "return" statement above never occurred
    } else {
        alert("no");
    }
}

For improved clarity, you can utilize structured objects within myArray instead of additional arrays:

var myArray = [{name:'Group 0', reserved:0}, {name:'Group 1', reserved:0}, {name:'Group 2', reserved:0}];

function groups() {
    var form = document.getElementById('number').value;
    if (form >= 1) {  
        for (var i; i<myArray.length; i++) {
            if (myArray[i].reserved < 10 - form) {
                myArray[i].reserved += form;
                return;
            }
        }
        myArray.push({name:'Group ' + myArray.length, reserved:form}); // this will only occur if the "return" statement above never happened
    } else {
        alert("no");
    }
}

Setting values for array elements using a loop

Answer №1

Similar questions

Adding elements to an array appears to cause the previously created object to react

Retrieve the file path of the local system's home directory from the server

"Comparing the use of a hashmap versus an array of arrays in this specific

Bootstrap Datepicker allows you to set a maxdate of 2 days from the initial date selected

Displaying an alert box once the form has been submitted

How to use TypeScript to filter arrays with multiple dimensions

Creating Uniform Heights Across Devices with Responsive Design Strategies

Developing an interactive input field using JavaScript's Document Object Model (DOM)

Is there a way to modify the value of a JavaScript object?

Develop a unique splitter code that utilizes pure javascript and css, allowing users to drag and drop with precision

How can I make rows appear dynamically when the user clicks a button?

Updating the appearance of input fields without hiding them using display:none

Steps for generating an array entry containing an ObjectId and a Number

Need to know how to connect to a private Google Calendar using NodeJS?

Configuring the HTTP Header to authenticate with a DRM license server using Tizen's AVPlay

Groupings of pairs stored in either Tuples or ArrayLists

What is the process for utilizing the cin function to read character data, store it in an array, and subsequently

Toggling the visibility of divs in a dynamic layout

Displaying an array of floating-point numbers with a size determined by the user's input

Problems encountered when transferring information from jQuery to PHP through .ajax request