Is it possible to retrieve an object based on a variable value?

Question

Is it possible to retrieve an object based on a variable value?

This seems like a simple problem...

I possess an object

const VR03 = {
    name: "Eternal Growth Ring",
    price: "2500"
}

Within a function, I am assigning a string to a variable

function myFunction(){
    let js_type = jQuery('#type').val();
    console.log(js_type); //returns "VR03"
}

Is there a way to retrieve VR03.name using only the js_type variable?

function myFunction(){
    jQuery('h1').text(?);
}

I attempted String(js_type).name but it yields the same result as js_type.name

javascript

Answer 1

Answer №1

One method for dynamically searching for an object using a string involves using a separate object as a reference table:

var items = {
    "ID012": {
        name: "Sparkling Star Necklace",
        price: "1200"
    }
}

function findItem() {
    var itemID = jQuery('#itemID').val();
    var item = items[itemID];
    if (item)
        jQuery('h2').text(item.name);
    else
        // Item not found.
}

Answer 2

One method for dynamically searching for an object using a string involves using a separate object as a reference table:

var items = {
    "ID012": {
        name: "Sparkling Star Necklace",
        price: "1200"
    }
}

function findItem() {
    var itemID = jQuery('#itemID').val();
    var item = items[itemID];
    if (item)
        jQuery('h2').text(item.name);
    else
        // Item not found.
}

Answer 3

Answer №2

If you're using a web browser, experiment with the following code:

window[js_type].name

This code accesses the global variable VR03. However, relying on global variables is generally discouraged due to the potential for unexpected behavior.

Answer 4

If you're using a web browser, experiment with the following code:

window[js_type].name

This code accesses the global variable VR03. However, relying on global variables is generally discouraged due to the potential for unexpected behavior.

Is it possible to retrieve an object based on a variable value?

Answer №1

Answer №2

Similar questions

Saving the output of a function in Javascript/NodeJS to a variable

Animating text with a shake effect using JQuery

UI and `setState` out of sync

Having issues with AngularJS rzslider failing to dispatch updated slider value

Unable to add files to my JavaScript file

Error: Unable to assign value to property 'src' because it is null

Is it possible to receive both errors and warnings for the same ESLint rule?

What is the best way to create a function library that works seamlessly across all of my Vue.js components?

Python's method for passing an array to a Django template

The live updates for user data in Firestore are not being reflected immediately when using valueChanges

Struggling to display the Three.js LightMap?

Transform the elements of a tensor in TensorFlow into a standard JavaScript array

Mutex in node.js(javascript) for controlling system-wide resources

ReactJS component disappearing behind the Navbar

Creating TypeScript modules for npm

Using an npm package: A step-by-step guide

Display numerical data at precise locations above an image

How to add suspense and implement lazy loading for a modal using Material-UI

The act of transmitting data via a timer using JS WebRTC leads to crashes if the page is reloaded before

Is it possible to utilize WebAssembly in JavaScript to access the memory of a C struct directly?