In JavaScript, a variable's value can be assigned to another variable using the variable

Question

In JavaScript, a variable's value can be assigned to another variable using the variable

I have a collection of predetermined variables. I dynamically assign a value to another variable, which ends up representing the name of one of the predefined variables. This allows me to easily determine which set variable to use on a particular section of the page.

var mwm = "blah"
var vp = "bleh"
var am = "bluh"

var mwm720 = "some link 1"
var mwm717 = "some link 2"
var vp720 = "some link 3"
var vp717 = "some link 4"
...

Subsequently, there are other scripts that run and assign a variable value based on certain conditions, corresponding to the names of those predefined variables.

var myClass = $(this).attr("class").split(' ')[1];
var currDiv = "div." + myClass;
var currVersion = $(this).parent().attr("id");
var linkVers = myClass + currVersion;

The value of the variable linkVers always turns out to be "mwm720", "mwm717", "vp720", etc. This mechanism helps determine when to utilize the mwmw720 or mwm717 (etc) variables.

Intended Outcome

I am seeking guidance on how to prompt/trigger the utilization of the actual value stored in the dynamic variable that corresponds to the variable name.

If alert(linkVers); produces "mwm720", how can I ensure that $(currDiv).html(linkVers); inserts the value associated with the mwm720 variable (which would be "some link 1"), rather than just the variable name itself?

If there is an alternative approach to achieving this objective, I am open to exploring different solutions.

javascript variables

Answer 1

Answer №1

To keep your variables organized, it's best to store them all within a single object. For example:

var data = {
    name: "John",
    age: 30,
    city: "New York",

    jobTitle: "Developer",
    salary: "$50,000",
    yearsExperience: 5
}

Then, you can easily access these variables within your function like this:

console.log(data[variableName]);

Answer 2

To keep your variables organized, it's best to store them all within a single object. For example:

var data = {
    name: "John",
    age: 30,
    city: "New York",

    jobTitle: "Developer",
    salary: "$50,000",
    yearsExperience: 5
}

Then, you can easily access these variables within your function like this:

console.log(data[variableName]);

Answer 3

Answer №2

A more organized approach would be to avoid cluttering the window namespace with multiple variables and instead utilize an object.

var myLinks = {
    mwm720 : "some link 1",
    mwm717 : "some link 2",
    vp720 : "some link 3",
    vp717 : "some link 4"
};

Then, you can access a specific link like this:

var selectedLink = "mwm720";
console.log(myLinks[selectedLink]);

If you prefer the original method, you can use window with bracket notation.

var selectedLink = "mwm720";
console.log(window[selectedLink]);

Answer 4

A more organized approach would be to avoid cluttering the window namespace with multiple variables and instead utilize an object.

var myLinks = {
    mwm720 : "some link 1",
    mwm717 : "some link 2",
    vp720 : "some link 3",
    vp717 : "some link 4"
};

Then, you can access a specific link like this:

var selectedLink = "mwm720";
console.log(myLinks[selectedLink]);

If you prefer the original method, you can use window with bracket notation.

var selectedLink = "mwm720";
console.log(window[selectedLink]);

Answer 5

Answer №3

If you want a solution, try using the function eval:

let myVar = "abc123";
let abc123 = "example link";

console.log(myVar); // will output abc123
console.log(eval(myVar)); // will output "example link"

In your specific scenario:

eval ( $(currentDiv).html(linkVersion) );

This should do the trick for you

Answer 6

If you want a solution, try using the function eval:

let myVar = "abc123";
let abc123 = "example link";

console.log(myVar); // will output abc123
console.log(eval(myVar)); // will output "example link"

In your specific scenario:

eval ( $(currentDiv).html(linkVersion) );

This should do the trick for you

Answer 7

Answer №4

A more dynamic approach would be to organize your variables based on version groups. This eliminates the need to concatenate the name with the version.

var content = {
    720: {
        wm: "some link 1",
        p: "some link 3",
    },
    717: {
        wm: "some link 2",
        p: "some link 4",
    }
};

You can easily access the correct version of the link text using:

var linkVersion = content[currVersion][myClass];

As the currVersion remains constant throughout the script's execution (since you are staying on the same page), you can optimize performance by caching the messages for the current version in the beginning. This eliminates the need to repeatedly search for the parent's id:

// Declare in a higher scope
var currentContent;

// Initialization (e.g. DOM ready)
// Some adjustments may be necessary depending on what $(this).parent() represents
var currVersion = $(this).parent().attr("id");
currentContent = content[currVersion];

// When retrieving the link text
var linkVersion = currentContent[myClass];

Answer 8

A more dynamic approach would be to organize your variables based on version groups. This eliminates the need to concatenate the name with the version.

var content = {
    720: {
        wm: "some link 1",
        p: "some link 3",
    },
    717: {
        wm: "some link 2",
        p: "some link 4",
    }
};

You can easily access the correct version of the link text using:

var linkVersion = content[currVersion][myClass];

As the currVersion remains constant throughout the script's execution (since you are staying on the same page), you can optimize performance by caching the messages for the current version in the beginning. This eliminates the need to repeatedly search for the parent's id:

// Declare in a higher scope
var currentContent;

// Initialization (e.g. DOM ready)
// Some adjustments may be necessary depending on what $(this).parent() represents
var currVersion = $(this).parent().attr("id");
currentContent = content[currVersion];

// When retrieving the link text
var linkVersion = currentContent[myClass];

In JavaScript, a variable's value can be assigned to another variable using the variable

Intended Outcome

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

When the onClick event is triggered, my intention is to dynamically insert a new

What is the best way to create a clickable table from a nested array of objects?

Retrieving a specific Project ID from Asana Task API using Node.js and parsing the JSON response

Obtaining and storing multiple checkbox selections in a database using a JSP page

Troubleshooting the Create Order Issue: Integrating PayPal Checkout with Smart Payment Buttons using React and Redux

Looking for a way to connect a background image in Vue CLI?

Discover the steps for generating this graph using ZingChart

Transmitting an email form using AJAX, Bootstrap, and Jquery

Error: Unable to retrieve data through Ajax request

Preserving the video's aspect ratio by limiting the width and height to a maximum of 100%

JavaScript interval setting multiples

What could be causing the absence of console.log output in my Netlify function logs?

Compiling with GatsbyJs throws an abrupt token error with 'if' being an unexpected token

Error handling in Mongoose callback functions

What is the best way to eliminate the occurrence of the word 'undefined' from the cycle output?

JavaScript Failing to Validate User Input in Form

The 401 error code does not provide a JSON response

Enhancing ajax content with Rx.Observable.fromEvent: A step-by-step guide

angular: setting default selected items in dynamically generated options

What is the best way to effectively link promise calls that rely on each other?