Is there a way to utilize a variable as a key within an object?

Question

Is there a way to utilize a variable as a key within an object?

Can this be done? Take a look at a practical example from the real world:

var userKey = "userIdKey";

chrome.storage.sync.set({ userKey: "Hello World" }, function () {
    chrome.storage.sync.get(userKey, function (data) {
        console.log("In sync:", data);
    });

    console.log("Success");
});

This specific example is failing because the getter is expecting "userIdKey" while the setter is treating the variable as "userKey" literally.

UPDATE: I understand that variables can be accessed using array notation. The example I provided demonstrates the creation of an object. My goal is to ensure consistency in using the same key for both getting and setting values, rather than depending on keeping two string constants in sync.

javascript

Answer 1

Answer №1

An appropriate method to achieve this is as follows:

    let keyword = "example";
    Object.defineProperty(obj, keyword, {
        get: function() {return this.getMonth() },
        set: function(m) {this.setMonth(m) }
    });

In your specific scenario:

chrome.storage.sync.defineProperty(this, userInputKey, {
    get: function() {return this[userInputKey];},
    set: function(val) {this[userInputKey] = val};
});

For further information on this topic, visit THIS LINK. Note that while Object.prototype.defineProperty may not be accessible in legacy mode, the polyfill can be utilized as

Object.prototype.__defineGetter__

and

Object.prototype.__defineSetter__

.

Answer 2

An appropriate method to achieve this is as follows:

    let keyword = "example";
    Object.defineProperty(obj, keyword, {
        get: function() {return this.getMonth() },
        set: function(m) {this.setMonth(m) }
    });

In your specific scenario:

chrome.storage.sync.defineProperty(this, userInputKey, {
    get: function() {return this[userInputKey];},
    set: function(val) {this[userInputKey] = val};
});

For further information on this topic, visit THIS LINK. Note that while Object.prototype.defineProperty may not be accessible in legacy mode, the polyfill can be utilized as

Object.prototype.__defineGetter__

and

Object.prototype.__defineSetter__

.

Answer 3

Answer №2

let newObject = {},
    keyName = 'Bar',
    newObject[keyName] = 'Qux';

console.log(newObject[keyName]);

Answer 4

let newObject = {},
    keyName = 'Bar',
    newObject[keyName] = 'Qux';

console.log(newObject[keyName]);

Answer 5

Answer №3

You can access it as if it were an array:

myObject['Foo']

To assign a value:

myObject['Foo'] = "Bar"

Alternatively, you can use a variable:

var key = "Foo";
myObject[key] = "Bar"

Answer 6

You can access it as if it were an array:

myObject['Foo']

To assign a value:

myObject['Foo'] = "Bar"

Alternatively, you can use a variable:

var key = "Foo";
myObject[key] = "Bar"

Is there a way to utilize a variable as a key within an object?

Answer №1

Answer №2

Answer №3

Similar questions

Pull in class definitions from the index.js file within the node_modules directory

Results not showing up

The performance of three.js PointsMaterial is sluggish when utilizing large sprites or shapes, causing a decrease in overall

What causes axios to return a z_buf_error?

Issue arises when trying to implement sidebar navigation in Angular with Materialize CSS

Ways to extract specific data from a Json response

Encountered an issue with the Mongoose Schema method: The model method is not recognized as a

A guide to setting properties using a Proxy object

Exploring solutions for handling asynchronous issues with vue3-google-map

While working with AJAX, the variable value remains static and is not refreshed

Apply the style when the page loads and remove it when clicked

Incorporating lazy loading for diverse content to enhance pagination

Having difficulty launching a new window within an app built with Electron and Nexjs (Nextron)

jquery toggle for partial visibility not functioning properly

Modify information on the user interface without the need to refresh the page

A guide on iterating through a JSON object in Vue and Javascript to retrieve keys and values, checking if they are either distinct or null

Chrome experiences a crash during regular expression matching operations

Executing an AngularJS function using regular JavaScript code

Tips for transferring PHP variable from a drop down menu

Utilizing Angular 1.5 and ES6 to Enhance Dependency Injection