Here is a function that can be used to replace JavaScript variable name (object property, or array element) from string with its associated value defined in JavaScript, using RegExp.
// Function that replace token from string with equivalent variable value
// Receives the string-template. Returns that string with variable names replaced
function replaceStrVar(str){
 // JavaScript & jQuery Courses - https://coursesweb.net/javascript/
  str = str.replace(/%(.*?)%/gi, function(a,b) {
    // if token is an array item, else, is object property, or variable
    if(b.match(/[a-z0-9_]+\[[a-z0-9_]+\]/i)) {
      var arritm = b.match(/([a-z0-9_]+)\[([a-z0-9_]+)\]/i);      // gets an array with the matched items
      return window[arritm[1]][arritm[2]];
    }
    else {
      var voitm = b.split('.');
      return (voitm.length == 2) ? window[voitm[0]][voitm[1]] : window[voitm[0]];
    }
  });

  return str;
}
- The names for variable /array /object.property in the string must be added within %...% .

This function can be used to create a simple template-string in JavaScript.

Here's an example of replaceStrVar() function usage, using a variable, an array, and object, and a string (template) with their names that will be replaced with their values and the result is added into a HTML element.
<div id="testpl">String Template:<br/><span class="sbi">The website: &lt;b&gt;%website%&lt;/b&gt; contains: %obj.content1%, and it has around &lt;b&gt;%visits[2]%&lt;/b&gt; uniques visitors /day.</span></div>
<button onclick="testpl()">Test replaceStrVar()</button>

<script type="text/javascript"><!--
// Function that replace token from string with equivalent variable value
function replaceStrVar(str){
 // JavaScript & jQuery Courses - https://coursesweb.net/javascript/
  str = str.replace(/%(.*?)%/gi, function(a,b) {
    // if token is an array item, else, is object property, or variable
    if(b.match(/[a-z0-9_]+\[[a-z0-9_]+\]/i)) {
      var arritm = b.match(/([a-z0-9_]+)\[([a-z0-9_]+)\]/i);      // gets an array with the matched items
      return window[arritm[1]][arritm[2]];
    }
    else {
      var voitm = b.split('.');
      return (voitm.length == 2) ? window[voitm[0]][voitm[1]] : window[voitm[0]];
    }
  });

  return str;
}

  /* Test replaceStrVar() function */

var website = 'https://coursesweb.net';      // simple variable
var visits = new Array(100, 1000, 2000);        // array

// object
var obj = new Object();
 obj.content1 = 'Web Programming Courses';
 obj.content2 = 'Web Development Tutorials';

// The string (template)
var tpl = 'The website: <b>%website%</b> contains: %obj.content1%, and it has around <b>%visits[2]%</b> uniques visitors /day.';

// adds the replacement in #testpl HTML element
function testpl(){
  document.getElementById('testpl').innerHTML = replaceStrVar(tpl);
}
//-->
</script>
Results:
String Template:
The website: <b>%website%</b> contains: %obj.content1%, and it has around <b>%visits[2]%</b> uniques visitors /day.
- To see the result, click ->

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which attribute indicates that an input field must be filled out before submitting?
required="required" autofocus="autofocus" placeholder="text"
<input type="text" name="name1" required="required" />
Which CSS method increases or decreases the size of the HTML element (including its content)?
translate() scale() skew()
#some_id:hover {
  transform: scale(2, 1.5);
  -ms-transform: scale(2, 1.5);    /* IE 9 */
  -moz-transform: scale(2, 1.5);   /* Firefox */
}
Click on the Date object method that returns the day of the month.
setDate() getMonth() getDate()
var rightnow = new Date();
var day = rightnow.getDate();
alert(day);
Which function is used to upload a file on server?
is_file() move_uploaded_file() fopen()
if(move_uploaded_file($_FILES["field_name"]["tmp_name"], "dir/file_name")) {
  echo "The file succesfully uploaded";
}
Replace JavaScript variable name from string with its value

Last accessed pages

  1. Ajax-PHP Chat Script (37775)
  2. PHP-MySQL Scripts (3924)
  3. Create simple Website with PHP (20532)
  4. Select in MySQL, Output results in HTML Table (5636)
  5. Convert XML to JSON in JavaScript (18580)

Popular pages this month

  1. Insert, Select and Update NULL value in MySQL (415)
  2. Read Excel file data in PHP - PhpExcelReader (331)
  3. PhpSpreadsheet - Read, Write Excel and LibreOffice Calc files (257)
  4. PHP getElementById and getElementsByTagName (208)
  5. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (199)