Curs Javascript

Functiile trim(), rtrim(), si ltrim() sunt in general cunoscute si folosite in PHP. Sunt utile cand se lucreaza cu siruri, dar JavaScript nu are predefinite aceste functii.
Iata trim(), rtrim() si ltrim() create manual 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() - Sterge spatiile goale, sau alt caracter specificat ca al doilea parametru, de la inceputul si sfarsitul unui sir.
      - rtrim() - Sterge spatiile goale, sau alt caracter specificat ca al doilea parametru, de la sfarsitul unui sir.
      - ltrim() - Sterge spatiile goale, sau alt caracter specificat ca al doilea parametru, de la inceputul unui sir.

Cum se utilizeaza functiile trim, rtrim, ltrim

Intai se copie aceste functii in script-ul JS.
Pentru a sterge spatiile goale, se apeleaza functia cu sirul respectiv ca argument; va returna acel sir (string) fara spatii goale la inceput si sfarsit: trim(string).
Pentru a sterge alt caracter decat spatiu gol de la inceput si sfarsit, se adauga un al doilea argument la apelarea functiei, cu acel caracter intre ghilimele: trim(string, 'caracter').

Exemple trim, rtrim, ltrim

1. Sterge spatiile goale de la inceputul si sfarsitul unui sir, apoi adauga rezultatul intr-un element HTML.
<pre id="sresult"></pre>
<script type="text/javascript"><!--
// Curs JavaScript - https://marplo.net/javascript/
// Functiile 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, '');
}

var string1 = '   Initial cu 3 caractere spatiu la inceput si sfarsit   ';

// sterge caracterele goale (spatii) de la inceput si sfarsit, precum si separat
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>

Rezultat:
trim(str): *Initial cu 3 caractere spatiu la inceput si sfarsit*
rtrim(str): *     Initial cu 3 caractere spatiu la inceput si sfarsit*
ltrim(str): *Initial cu 3 caractere spatiu la inceput si sfarsit     *

2. Sterge un anumit caracter (/) de la inceputul si sfarsitul sirului.
<div id="sresult2"></div>
<script type="text/javascript"><!--
 /* Aici se adauga functiile trim(), rtrim(), ltrim() */

var string2 = '///Initial cu 3 "/" la inceput si sfarsit///';

// sterge "/" de la inceput /sfarsit
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>

Rezultat:
trim(str, chr): Initial cu 3 "/" la inceput si sfarsit
rtrim(str, chr): ///Initial cu 3 "/" la inceput si sfarsit
ltrim(str, chr): Initial cu 3 "/" la inceput si sfarsit///

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce tip de <input> creaza o paleta de culori pentru selectare culoare?
type="text" type="color" type="date"
<input type="color" name="get_color" />
Care metoda CSS roteste elementul HTML la un anumit numar de grade?
scale() translate() rotate()
#some_id:hover {
  transform: rotate(60deg);
  -ms-transform: rotate(60deg);    /* IE 9 */
  -moz-transform: rotate(60deg);   /* Firefox */
}
Click pe functia care returneaza numarul cel mai mare.
pow() min() max()
var maxn = Math.max(8, 4, 88, 56);
alert(maxn);      // 88
Ce functie previne ca un fisier sa fie inclus mai mult de o data intr-o pagina?
include() include_once() require()
include_once("un_fisier.php");
Care este traducerea corecta pentru: "Ahead of time"?
Peste timp La timp Inainte de vreme
Most people arrived ahead of time.
- Cei mai multi oameni au sosit inainte de vreme (prea devreme).
Indicati traducerea corecta a cuvantului "buenĂ­simo"
mai bun mai putin bun extrem de bun
Este fruto es buenĂ­simo.
- Acest fruct este extrem /nemaipomenit de bun.
JavaScript trim, rtrim si ltrim

Last accessed pages

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (267749)
  2. Poezii pentru copii, in engleza (39408)
  3. Adjectivul in limba engleza - The adjective (24512)
  4. Lucrul cu mai multe cadre (3414)
  5. OOP - Constante, Proprietati si Metode Statice (3812)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (412)
  2. Gramatica limbii engleze - Prezentare Generala (395)
  3. Prezentul simplu si continuu - Present Tense Simple and Continuous (368)
  4. Exercitii engleza - English Tests and exercises - Grammar (304)
  5. Prezentul simplu - Exercitii si teste incepatori (263)