Execute identical task using a for loop in JavaScript

Question

Execute identical task using a for loop in JavaScript

Here is a sample code snippet:

var seats = []


    for (a = 0; a <= seatsNumFront; a++) {
        seats.push(new Seat((a * xPad) + 300, 60, 30, 30, id++, "A", a, "#998515"))
    }
    for (b = 0; b <= seatsNumFront; b++) {
        seats.push(new Seat((b * xPad) + 300, 100, 30, 30, id++, "B", b, "#998515"))
    }
    for (c = 0; c <= seatsNumFront; c++) {
        seats.push(new Seat((c * xPad) + 300, 140, 30, 30, id++, "C", c, "#998515"))
    }

I am looking to make these lines of code execute based on the value I specify.

For example: I want to set a variable and run the code only once according to that variable

So if we write:

var seats = []
var num = 3

for (c = 0; c <= seatsNumFront; c++) {
    seats.push(new Seat((c * xPad) + 300, 140, 30, 30, id++, "C", c, "#998515"))
}

Desired output:

var seats = []
var num = 3

for (a = 0; a <= seatsNumFront; a++) {
    seats.push(new Seat((a * xPad) + 300, 60, 30, 30, id++, "A", a, "#998515"))
}
for (b = 0; b <= seatsNumFront; b++) {
    seats.push(new Seat((b * xPad) + 300, 100, 30, 30, id++, "B", b, "#998515"))
}
for (c = 0; c <= seatsNumFront; c++) {
    seats.push(new Seat((c * xPad) + 300, 140, 30, 30, id++, "C", c, "#998515"))
}

javascript for-loop

Answer 1

Answer №1

It seems like you're looking to create a function, but I may not fully understand your exact requirements. Here's an example code snippet showcasing how you can encapsulate your for loop within a function that takes two parameters.

Update: After reviewing your additional explanation, I've included more code below.

//Variables specific to your implementation
var id = 0;  
var seatsNumFront = 1;
var seats = Array();
var xPad = 5

//Function to dynamically add seats based on 'value' (e.g., 60, 100, 140) and a character 'ch' (e.g., 'A', 'B', 'C')
function addSeats(value, ch){
    for(var i = 0;i <= seatsNumFront;i++)
        seats.push(new Seat((i * xPad) + 300, value, 30, 30, id++, ch, i, "#998515"));   
}


var num = 3, start = 60, diff = 40, ch = 'A';
for(var i = 0;i < num;i++){
              //Calculates position based on input parameters 
    addSeats(start + (diff * i),  ch++);
}
//The for-loop above will generate seats with the following values (60, 'A'), (100, 'B'), (140, 'C').

The provided code should be adaptable to any positive values of num.

Answer 2

It seems like you're looking to create a function, but I may not fully understand your exact requirements. Here's an example code snippet showcasing how you can encapsulate your for loop within a function that takes two parameters.

Update: After reviewing your additional explanation, I've included more code below.

//Variables specific to your implementation
var id = 0;  
var seatsNumFront = 1;
var seats = Array();
var xPad = 5

//Function to dynamically add seats based on 'value' (e.g., 60, 100, 140) and a character 'ch' (e.g., 'A', 'B', 'C')
function addSeats(value, ch){
    for(var i = 0;i <= seatsNumFront;i++)
        seats.push(new Seat((i * xPad) + 300, value, 30, 30, id++, ch, i, "#998515"));   
}


var num = 3, start = 60, diff = 40, ch = 'A';
for(var i = 0;i < num;i++){
              //Calculates position based on input parameters 
    addSeats(start + (diff * i),  ch++);
}
//The for-loop above will generate seats with the following values (60, 'A'), (100, 'B'), (140, 'C').

The provided code should be adaptable to any positive values of num.

Answer 3

Answer №2

When you parameterize your push statement, you have the flexibility to input values as necessary. Taking inspiration from your for loop example with a switch case added, there are various approaches to achieve the same goal of writing the for loop just once.

Here's an elaborate illustration of what you might want to accomplish:

var num = 3
var param1 = 0;
var param2 = "";

for (x = 0; x <= seatsNumFront; x++) {
    switch (num) {
        case 1:
            param1 = 60;
            param2 = "A";
            break;
        case 2:
            param1 = 100;
            param2 = "B";
            break;
        case 3:
            param1 = 140;
            param2 = "C";
            break;
        default:
    }
    //seats.push(new Seat((c * xPad) + 300, 140, 30, 30, id++, "C", c, "#998515"))
    seats.push(new Seat((x * xPad) + 300, param1, 30, 30, id++, param2, x, "#998515"))
}

In this scenario, if num is equal to 3, then the resulting for loop will function equivalently to this:

seats.push(new Seat((c * xPad) + 300, 140, 30, 30, id++, "C", c, "#998515"))

By assigning the value of 140 to param1 and "C" to param2. If num was 2, it would utilize 100 and "B" accordingly.

Answer 4

When you parameterize your push statement, you have the flexibility to input values as necessary. Taking inspiration from your for loop example with a switch case added, there are various approaches to achieve the same goal of writing the for loop just once.

Here's an elaborate illustration of what you might want to accomplish:

var num = 3
var param1 = 0;
var param2 = "";

for (x = 0; x <= seatsNumFront; x++) {
    switch (num) {
        case 1:
            param1 = 60;
            param2 = "A";
            break;
        case 2:
            param1 = 100;
            param2 = "B";
            break;
        case 3:
            param1 = 140;
            param2 = "C";
            break;
        default:
    }
    //seats.push(new Seat((c * xPad) + 300, 140, 30, 30, id++, "C", c, "#998515"))
    seats.push(new Seat((x * xPad) + 300, param1, 30, 30, id++, param2, x, "#998515"))
}

In this scenario, if num is equal to 3, then the resulting for loop will function equivalently to this:

seats.push(new Seat((c * xPad) + 300, 140, 30, 30, id++, "C", c, "#998515"))

By assigning the value of 140 to param1 and "C" to param2. If num was 2, it would utilize 100 and "B" accordingly.

Execute identical task using a for loop in JavaScript

Answer №1

Answer №2

Similar questions

Issue: Unable to use the b.replace function as it is not recognized (first time encountering this error)

comparing multiple values separated by commas with JavaScript

The error message "Unexpected node environment at this time" occurred unexpectedly

Utilizing Ajax to dynamically load files within the Django framework

What is the best way to darken the background when an alert is displayed and disable the dimming effect when the alert is closed?

Troubleshooting the non-functional asynchronous function

Generating an HTML table with JSON data in JavaScript

Discover the array of results by implementing a while loop in JavaScript

ReactJS is making a controlled input of type text into an uncontrolled component with the help of a component transformation

Having trouble replicating the progressive response from the server in node.js

What is the best way to transmit error messages from the server to the client?

How come I am receiving the E11000 error from Mongo when I have not designated any field as unique?

Retrieving a attribute from an element on a separate webpage

changing the css transformation into zoom and positioning

Top method for identifying "abandoned words" within text that has been wrapped

Issue with Bootstrap jQuery dynamic table edit/delete/view button functionality not functioning as expected

What is the solution for resolving the problem of the cursor jumping to the end when converting numbers in JavaScript?

Form submission is not functioning as expected

Is there a way to load all movies in advance when none of the tags are selected?

Fluid sifting and interactive webpage