To access and use a variable or function dinamically, with Name from a String in JavaScript, just use the window object, with this syntax:

window['variable_name']

// For function
window['function_name'](parameters)
Here is some examples, see the explanations in code.

Using variable with name stored into a string

var vr_name = 'vr1'; // string with name of a variable

var vr1 = 'coursesweb.net/';

// uses variable with name stored as string in vr_name
// window[vr_name] /window['vr1'] is the value of vr1
var site = 'http://'+ window[vr_name];

// Test
document.write(site); // https://coursesweb.net/

Using variable dinamically, with name stored into a string in object

// object with strings with variable names
var vr_name = {'v1':'vr1', 'v2':'vr2'};
var vr1 = 'coursesweb.net/';
var vr2 = 'gamv.eu/';

// uses variable dinamically, with name stored as string in vr_name
var i = 2;
var site = 'https://'+ window[vr_name['v'+ i]];

// Test
document.write(site); // https://gamv.eu/

Calling function with name stored into a string

function f1(a, b) {
 return a + b;
}

var f_name = 'f1'; // string with function name

// uses function with name stored as string in f_name
// window[f_name](parameters) calls the f1(parameters)
var sum = window[f_name](12, 23);

// Test
document.write(sum); // 35

Calling object method with name stored in string into an object

- Use: object['method_name'](parameters).
// object with strings with method names
var methods = {'m1':'hi1', 'm2':'hi2'};

// object with two methods
var obj = {
 'hi1': function(name) {
 return 'Hello dear '+ name;
 },
 'hi2': function(name) {
 return 'Hola '+ name;
 }
};

// uses object method with name stored as string in methods
var hi = obj[methods['m1']]('ME');

// Test
document.write(hi); // Hello dear ME

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag adds an image in web page?
<div> <img> <span>
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Which of these CSS codes displays the text oblique?
font-style: italic; text-decoration: underline; font-weight: 500;
#id {
  font-style: italic;
}
Click on the jQuery function used to hide with animation a HTML element.
click() hide() show()
$(document).ready(function() {
  $(".a_class").click(function(){ $(this).hide("slow"); });
});
Click on the correctly defined function in PHP.
fname function() {} function fname() {} function $fname() {};
function fname($a, $b) {
  echo $a * $b;
}
Using Variable and Function with Name from String in JavaScript

Last accessed pages

  1. Zodiac Signs PHP code (4208)
  2. Get and Modify content of an Iframe (20488)
  3. Add Tag to Selected Text in textarea with JavaScript (1844)
  4. Contact page - CoursesWeb (36852)
  5. Tabs effect with CSS (37489)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (2409)
  2. Contact page - CoursesWeb (2311)
  3. Tabs effect with CSS (2299)
  4. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (905)
  5. PHP getElementById and getElementsByTagName (854)