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///