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 HTML5 tag defines marked text? (can be used to highlight parts of text)
<mark> <embed> <span>
<p>Free corses: <mark>coursesweb.net</mark> for Web Development.</p>
Which CSS pseudo-class adds a style to an element when the mouse is over it?
:focus :hover :active
a:hover {
  font-weight: bold;
  color: #00da01;
}
Click on the function which returns a string value that represents the number rounded to the x digits after the decimal point.
toPrecision(x) toFixed(x) floor(x)
var num = 12.34567;
num = num.toFixed(2);
alert(num);       // 12.35
Indicate the PHP function which reads an entire file into an array.
[) file() readfile()
$arr = file("a_file.txt", FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
var_export($arr);
Using Variable and Function with Name from String in JavaScript

Last accessed pages

  1. Contact page - CoursesWeb (21734)
  2. Tabs effect with CSS (22441)
  3. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (28759)
  4. Keep data in form fields after submitting the form (9187)
  5. CSS Trapezoid Shape (7666)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (1279)
  2. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (1243)
  3. Tabs effect with CSS (1236)
  4. Contact page - CoursesWeb (1234)
  5. Insert, Select and Update NULL value in MySQL (730)