Issue with creating a variable name inside a JavaScript for loop

Question

Issue with creating a variable name inside a JavaScript for loop

Here is the code snippet I am currently working on:

var var1 = 58;

for(var i=0;i<10;i++){
 if(("var"+i) == 58) {
 console.log("they are equal");
 }
}

I am wondering why ("var" + i) is not equal to 58 in this scenario. Could someone please provide an explanation?

My understanding is that the first item is a variable while the second one is simply a string. Is there a method to have this code function as intended?

I realize this might seem like a basic question to some, but I am still at the early stages of learning to code. Any assistance would be greatly appreciated! :)

javascript for-loop

Answer 1

Answer №1

It is recommended to utilize an object in this scenario:

var details = {
  info1: 58
};

for(var num = 0; num < 10; num++){
 if(details["info" + num] == 58) {
   console.log("they match");
 }
}

UPDATE: @Alex proposed an alternative using window instead of details, which can be seen as a global object. This method functions in browsers, but it is worth noting that "there is no public standard that applies to the window object" (MDN).

Answer 2

It is recommended to utilize an object in this scenario:

var details = {
  info1: 58
};

for(var num = 0; num < 10; num++){
 if(details["info" + num] == 58) {
   console.log("they match");
 }
}

UPDATE: @Alex proposed an alternative using window instead of details, which can be seen as a global object. This method functions in browsers, but it is worth noting that "there is no public standard that applies to the window object" (MDN).

Answer 3

Answer №2

let count = 58;

for(let i=0 ;i<10;i++){
    if(window["count"+i] === 58) {
         console.log("they match!");
    }
}

Answer 4

let count = 58;

for(let i=0 ;i<10;i++){
    if(window["count"+i] === 58) {
         console.log("they match!");
    }
}

Answer 5

Answer №3

It's possible that dhilt has a more optimal answer, but you may not have the freedom to modify the other variable.

let data = 82;

for (let j = 0; j < 15; j++) {
  let current;
  try {
    current = eval('data' + j);
  } catch (e) {
    current = null;
  }
  if (current === 82) {
    console.log("they match!");
  }
}

Answer 6

It's possible that dhilt has a more optimal answer, but you may not have the freedom to modify the other variable.

let data = 82;

for (let j = 0; j < 15; j++) {
  let current;
  try {
    current = eval('data' + j);
  } catch (e) {
    current = null;
  }
  if (current === 82) {
    console.log("they match!");
  }
}

Issue with creating a variable name inside a JavaScript for loop

Answer №1

Answer №2

Answer №3

Similar questions

Evaluate One Input Value to Determine Another Input Value

In my Node.js/Express.js application, I have a directory that holds various images. Whenever I attempt to view these images via their URL, I encounter a 404 error message

A JavaScript function that yields no value is undefined

Can a variable containing HTML code be iterated through with a loop?

Failure to display masonry arrangement

Select a random option from the dropdown menu

The cURL command successfully executes the request, however, it fails to work in both Postman and web browsers

Setting up VideoJS Flash backup

Dealing with Large JSON Strings in ASP.NET MVC Views

What steps do I need to take to extract the date and month from a single datepicker using the code below?

Why isn't my onScroll event triggering in my React.js application? What mistake am I making?

What's preventing me from drawing a line on this D3.js chart with my Angular code?

"Ensure that all necessary fonts and assets are included in the development of your Vue component

Verify the existence of an HTML file prior to routing in AngularJS and NodeJS

Heroku Node.js - Cross-Origin Resource Sharing (CORS) is functioning correctly for all API requests except for when using the image upload

Retrieve the variable declared within the event

Using ES6 syntax, ignite the React function

A "Uncaught TypeError" error occurs when trying to execute a function using the dollar sign

Convert a string to HTML using AngularJs

Does Next js Backend support multithreading as a default feature?