Utilize the for loop with a specific variable

Question

Utilize the for loop with a specific variable

I am in the process of streamlining my code due to repetitive sections. I anticipate needing to utilize this particular example numerous times. My goal is to implement a for loop, but I'm encountering difficulty with increasing my variable. Currently, while my variable is incrementing, I'm struggling to incorporate my cell data into it. It seems like there may be an issue with double assigning the variable h. I'm seeking advice on how to resolve this challenge. Thank you in advance for your assistance.

For Loop


for (var j = 2; j<15; j++) {
  eval("var polebrea" +j);
  var h = ("polebrea" +j);
}

h = document.getElementById("part1Table").rows[10].cells[2].innerHTML;

Attempting To Implement Code


polebrea2 = document.getElementById("part1Table").rows[10].cells[2].innerHTML;
polebrea3 = document.getElementById("part1Table").rows[10].cells[3].innerHTML;
polebrea4 = document.getElementById("part1Table").rows[10].cells[4].innerHTML;
polebrea5 = document.getElementById("part1Table").rows[10].cells[5].innerHTML;

(continued until reaching 15)

Inserting Variable


<script>document.write(polebrea2)</script>

javascript for-loop

Answer 1

Answer №1

Breaking away from conventional design practices....opt for the string index method when accessing properties to assign values to your variables:

// Storing data in the global window object is not recommended....consider using a separate custom object like var polbreas = {}; 
for (var i = 2; i<15; i++){
    window["polbrea"+i] = document.getElementById("part1Table").rows[10].cells[i].innerHTML;
}

Answer 2

Breaking away from conventional design practices....opt for the string index method when accessing properties to assign values to your variables:

// Storing data in the global window object is not recommended....consider using a separate custom object like var polbreas = {}; 
for (var i = 2; i<15; i++){
    window["polbrea"+i] = document.getElementById("part1Table").rows[10].cells[i].innerHTML;
}

Answer 3

Answer №2

Although it is not considered best practice, you could experiment with the following approach:

function generateDynamicVariable( index ){
    var variableName = "polebrea" + index;
    var objName = document.getElementById("part1Table").rows[10].cells[index].innerHTML;
    return (variableName + " = " + objName + ";");
};

for (var k = 2; k<15; k++){
        var dynamicVar = generateDynamicVariable(k);
        console.log( dynamicVar );
}

Answer 4

Although it is not considered best practice, you could experiment with the following approach:

function generateDynamicVariable( index ){
    var variableName = "polebrea" + index;
    var objName = document.getElementById("part1Table").rows[10].cells[index].innerHTML;
    return (variableName + " = " + objName + ";");
};

for (var k = 2; k<15; k++){
        var dynamicVar = generateDynamicVariable(k);
        console.log( dynamicVar );
}

Utilize the for loop with a specific variable

Answer №1

Answer №2

Similar questions

What is the best way to make a Modal triggered by a loop embedded within a table function properly on mobile devices?

The Gulpfile.js encountered an error while trying to load

Issue with showing helper text in MUI date picker when utilizing react-hook-form library

Can a web application be developed utilizing JavaScript to access the torch feature in Safari?

Distance Calculator for Geolocation WatchPosition

Is there a way to cancel a fetch request and initiate a new one right away?

Executing Javascript requests on a php server hosted on the web

Find out the keycode of an event in ReactJS when a key is released

Display HTML in JavaScript without altering the Document Object Model

Ways to retrieve information beyond the scope of the 'then' method

Focused Filtering in DataGrid Pagination

Is there a way to eliminate curly braces from JSON strings with a regular expression?

Navigating through different sections of your Angular app can be easily accomplished using

What changes can I make to my method in order to utilize async/await?

Unable to trigger the window's onpopstate event when testing React components

Combining Javascript and Django for a powerful web development solution

Can the top header stay fixed to the top of the screen even when scrolling down?

How to retrieve a nested array element in JavaScript

Issue with displaying entire object using Jest and console.dir

Top method for generating intricate HTML elements sent by the server in real-time