The trim(), rtrim(), and ltrim() functions are generally known and used in PHP. These functions are useful when working with strings, but JavaScript doesn't have such functions.
Here's trim(), rtrim(), and ltrim() created manually in JavaScript:
// trim, rtrim, ltrim
function trim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('^\\s+|\\s+$', 'g') : new RegExp('^'+chr+'+|'+chr+'+$', 'g');
  return str.replace(rgxtrim, '');
}
function rtrim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('\\s+$') : new RegExp(chr+'+$');
  return str.replace(rgxtrim, '');
}
function ltrim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('^\\s+') : new RegExp('^'+chr+'+');
  return str.replace(rgxtrim, '');
}

      - trim() - Removes whitespace, or other character, from the beginning and end of a string.
      - rtrim() - Removes whitespace, or other character, from the end of a string.
      - ltrim() - Removes whitespace, or other character, from the beginning of a string.

How to use these trim, rtrim, and ltrim functions

To use these functions, first copy them in the code of your JS script.
If you want to remove whitespace, just pass a string as argument of the function; they will return that string with whitespace stripped from the beginning /end: trim(string).
To remove other character than whitespace, add that character as a second parameter (between quotes): trim(string, 'character').

Examples trim, rtrim, ltrim

1. Remove whitespace from the beginning /end of a string, then display the results in a HTML tag.
<pre id="sresult"></pre>
<script type="text/javascript"><!--
// JavaScript Course - https://coursesweb.net/javascript/
// Adding the trim(), rtrim(), ltrim() functions
function trim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('^\\s+|\\s+$', 'g') : new RegExp('^'+chr+'+|'+chr+'+$', 'g');
  return str.replace(rgxtrim, '');
}
function rtrim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('\\s+$') : new RegExp(chr+'+$');
  return str.replace(rgxtrim, '');
}
function ltrim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('^\\s+') : new RegExp('^'+chr+'+');
  return str.replace(rgxtrim, '');
}

var string1 = '   Initialy with 3 space characters to beginning and end   ';

// removing whitespace from beginning /end
var trim_re = 'trim(str): *'+ trim(string1)+ '*';
var rtrim_re = 'rtrim(str): *'+ rtrim(string1)+ '*';
var ltrim_re = 'ltrim(str): *'+ ltrim(string1)+ '*';

document.getElementById('sresult').innerHTML = trim_re+ '<br/>'+ rtrim_re+ '<br/>'+ ltrim_re;
--></script>

Results:
trim(str): *Initialy with 3 space characters to beginning and end*
rtrim(str): *     Initialy with 3 space characters to beginning and end*
ltrim(str): *Initialy with 3 space characters to beginning and end     *

2. Remove a specified character (/) from the beginning /end of a string.
<div id="sresult2"></div>
<script type="text/javascript"><!--
 /* Here add the trim(), rtrim(), ltrim() functions */

var string2 = '///Initialy with 3 "/" characters to beginning and end///';

// removing "/" from beginning /end
var trim_re = 'trim(str, chr): '+ trim(string2, '/');
var rtrim_re = 'rtrim(str, chr): '+ rtrim(string2, '/');
var ltrim_re = 'ltrim(str, chr): '+ ltrim(string2, '/');

document.getElementById('sresult2').innerHTML = trim_re+ '<br/>'+ rtrim_re+ '<br/>'+ ltrim_re;
--></script>

Results:
trim(str, chr): Initialy with 3 "/" characters to beginning and end
rtrim(str, chr): ///Initialy with 3 "/" characters to beginning and end
ltrim(str, chr): Initialy with 3 "/" characters to beginning and end///

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which meta tag provides a short description of the page?
<meta content="..."> <meta description="..."> <meta http-equiv="...">
<meta name="description" content="70-160 characters that describes the content of the page" />
Which CSS property is used to stop the wrapping effect of the "float"?
clear text-align position
#some_id {
  clear: both;
}
Click on the method which gets an array with all the elements in the document that have a specified tag name.
getElementsByName() getElementById() getElementsByTagName()
var divs = document.getElementsByTagName("div");
var nr_divs = divs.length;
alert(nr_divs);
Indicate the PHP function which returns the number of elements in array.
is_[) count() strlen()
$arr =[7, 8, "abc", 10);
$nri = count($arr);
echo $nri;        // 4
JavaScript trim, rtrim and ltrim

Last accessed pages

  1. Get the value of the selected /checked checkboxes in a form (41480)
  2. Contact page - CoursesWeb (21842)
  3. Tabs effect with CSS (22547)
  4. Get and Modify content of an Iframe (18305)
  5. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (28871)

Popular pages this month

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