Javascript create variable from its name

by

try:

this[name] = "value";

All objects can use dot and array notation for variable access.

Also note, this will allow you to create name value pairs that are inaccessible via dot notation:

var foo = {};
foo['bar-baz'] = 'fizzbuzz';
alert(foo.bar-baz); //this will not work because `-` is subtraction
alert(foo['bar-baz']); //this will work fine

If you are creating a new object literal, you can use string literals for the names for values with special characters:

var foo  = {'bar-baz':'fizzbuzz'};

But you will not be able to use variables as the key within an object literal because they are interpreted as the name to use:

var foo = 'fizz';
var bar = { foo:'buzz' }
alert( bar.fizz ); //this will not work because `foo` was the key provided
alert( bar.foo ); //alerts 'buzz'

Because other answerers are mentioning eval, I will explain a case where eval could be useful.

Warning! Code using eval is evil, proceed with caution.

If you need to use a variable with a dynamic name, and that variable does not exist on another object.

It’s important to know that calling var foo in the global context attaches the new variable to the global object (typically window). In a closure, however, the variable created by var foo exists only within the context of the closure, and is not attached to any particular object.

If you need a dynamic variable name within a closure it is better to use a container object:

var container = {};
container[foo] = 'bar';

So with that all being said, if a dynamic variable name is required and a container object is not able to be used, eval can be used to create/access/modify a dynamic variable name.

var evalString = ['var', variableName, '=', String.quote(variableValue), ';'].join(' ')
eval( evalString );

More Related Contents:

  1. Can I use all the HTML tags inside a script tag of type javascript [closed]
  2. HTML, Javascript – How to save variable after one click on button [closed]
  3. Calculate age given the birth date in the format YYYYMMDD
  4. How do I bind to list of checkbox values with AngularJS?
  5. Javascript function fails to return object when there is a line-break between the return statement and the object?
  6. How do I get the (x, y) pixel coordinates of the caret in text boxes?
  7. Can I pass a JavaScript variable to another browser window?
  8. JavaScript setTimeout() won’t wait to Execute? [duplicate]
  9. How can I perform flood fill with HTML Canvas?
  10. How can I parse CSV data with JavaScript?
  11. When do I need to specify the JavaScript protocol?
  12. ECMAScript 2015: const in for loops
  13. Use images like checkboxes
  14. Is Math.random() cryptographically secure?
  15. How to use document.getElementByName and getElementByTag?
  16. JavaScript animation
  17. Conditionally set an object property
  18. How do I handle a click anywhere in the page, even when a certain element stops the propagation?
  19. ES6 Class Multiple inheritance
  20. Currying a function that takes infinite arguments
  21. How to find a value in an array of objects in JavaScript?
  22. Get current function name in strict mode
  23. “Object doesn’t support property or method ‘find'” in IE
  24. how to intercept Button click inside UIWebview on IOS?
  25. How to make onEdit() trigger function apply to multiple sheets
  26. Meteor publish/subscribe strategies for unique client-side collections
  27. Change href value using jQuery
  28. How to do a wildcard element name match with “querySelector()” or “querySelectorAll()” in JavaScript?
  29. You’re importing a component that needs useState. It only works in a Client Component, but none of its parents are marked with “use client”
  30. HTML5: Detecting if you’re on mobile or pc with javascript? [duplicate]

Leave a Comment