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 tag renders as emphasized text, displaying the text oblique?
<strong> <pre> <em>
<p>Web development courses: <em>CoursesWeb.net</em></p>
Which CSS property defines the space between the element border and its content?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Click on the method which returns the first element that matches a specified group of selectors.
getElementsByName() querySelector() querySelectorAll()
// gets first Div with class="cls", and shows its content
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicate the PHP variable that contains data from a form sent with method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
JavaScript trim, rtrim and ltrim

Last accessed pages

  1. Get the value of the selected /checked checkboxes in a form (39727)
  2. JavaScript code and PHP (22407)
  3. Read Excel file data in PHP - PhpExcelReader (63527)
  4. Contact page - CoursesWeb (2152)
  5. Tabs effect with CSS (2864)

Popular pages this month

  1. Contact page - CoursesWeb (1638)
  2. Tabs effect with CSS (1624)
  3. Insert, Select and Update NULL value in MySQL (822)
  4. Read Excel file data in PHP - PhpExcelReader (653)
  5. PHP getElementById and getElementsByTagName (414)