Operatorii se folosesc pentru a manipula, combina si modifica datele dintr-un program sau script. Acestia sunt de mai multe feluri, in aceasta lectie sunt prezentati tipurile de operatori folositi in JavaScript.
Operatori aritmetici
Operatorii aritmetici sunt principalii operatori folositi cu numere, acestia efectueaza operatiile aritmetice cunoscute:
| Operator | Exemplu |
|---|
| Adunare: + |
let a = 8;
let b = 3;
document.write(a + b); // 11
|
| Scadere: - |
let a = 8;
let b = 3;
document.write(a - b); // 5
|
| Inmultire: * |
let a = 8;
let b = 3;
document.write(a * b); // 24
|
| Impartire: / |
let a = 9;
let b = 3;
document.write(a / b); // 3
|
Pe langa acesti patru operatori, in programare sunt folositi inca trei operatori aritmetici:
| Operator | Descriere /Exemplu |
|---|
| Modul: % | - Determina restul impartirii a doua numere.
let a = 8;
let b = 3;
document.write(a % b); // 2
|
| Incrementare: ++ | - Creste valoarea cu o unitate.
let a = 9;
a++;
document.write(a); // 10
|
| Decrementare: -- | - Scade valoarea cu o unitate.
let a = 9;
a--;
document.write(a); // 8
|
Operatori de atribuire
Operatorul de atribuire actioneaza de la dreapta la stanga; se evalueaza operandul din dreapta iar valoarea se atribuie variabilei din stanga semnului "=".
| Operator | Exemplu |
|---|
| = |
let a = 8;
document.write(a); // 8
|
| += |
let a = 8;
a += 3; //La fel cu: a = a+3
document.write(a); // 11
|
| -= |
let a = 8;
a -= 3; //La fel cu: a = a-3
document.write(a); // 5
|
| *= |
let a = 8;
a *= 3; //La fel cu: a = a*3
document.write(a); // 24
|
| /= |
let a = 84;
a /= 4; //La fel cu: a = a/4
document.write(a); // 21
|
| %= |
let a = 8;
a %= 3; //La fel cu: a = a%3
document.write(a); // 2
|
Operatori de comparatie
Operatorii de comparatie se folosesc pentru a evalua doua valori pe care le compara. Raspunsul poate fi TRUE sau FALSE.
Un operator de comparatie des folosit este operatorul de egalitate, reprezentat prin doua semne egal "==". Este diferit de simplul "=" (acesta atribuie o valoare).
Operatorul '==' compara doua valori determinand daca acestea sunt identice, adica egale ca valoare.
- Lista cu operatorii de comparare:
| Operator | Descriere /Exemplu |
|---|
| == | - Egalitate ca valoare.
let a = '4'; //string
let b = 4; //number
document.write( (a == b) ); //true
|
| === | - Identic, egal ca valoare si ca tip de date.
let a = '4'; //string
let b = 4; //number
document.write( (a === b) ); //false
|
| != | - Inegalitate ca valoare.
let a = 9;
let b = 4;
document.write( (a != b) ); //true
|
| !== | - Inegalitate ca valoare sau ca tip de date.
let a = 4;
let b = 4;
document.write( (a !== b) ); //false
|
| > | - Mai mare.
let a = 9;
let b = 4;
document.write( (a > b) ); //true
|
| < | - Mai mic.
let a = 9;
let b = 4;
document.write( (a < b) ); //false
|
| >= | - Mai mare sau egal.
let a = 4;
let b = 4;
document.write( (a >= b) ); //true
|
| <= | - Mai mic sau egal.
let a = 5;
let b = 4;
document.write( (a <= b) ); //false
|
Operatori logici
Similar cu operatori de comparatie, operatorii logici compara doua expresii si returneaza TRUE sau FALSE.
| Operator | Descriere /Exemplu |
|---|
| && | - Denumit AND (Si), compara doua expresii si returneaza TRUE daca amandoua sunt adevarate, in caz contrar returneaza FALSE.
var x = 9;
var y = 4;
document.write( (x>7 && y<8) ); //true
|
| || | - Denumit OR (sau), compara doua expresii si returneaza TRUE daca cel putin una din ele este adevarata, in caz contrar returneaza FALSE.
var x = 9;
var y = 4;
document.write( (x>12 || y<8) ); //true
|
| ! | - not, este operator unar, foloseste o singura expresie si returneaza TRUE daca expresia este falsa, daca expresia este adevarata returneaza FALSE.
var x = 9;
var y = 9;
document.write( !(x == y) ); //false
|
Operator de concatenare pentru siruri
Operatorul de concatenare (unire) pentru siruri este caracterul plus (+). Acesta uneste doua siruri, iar rezultatul este tot un sir.
- Exemplu:
let str1 ='Site: ';
let str2 ='MarPlo.net';
document.write(str1 + str2); //Site MarPlo.net
Daca operatorul de concatenare se foloseste cu un numar si un sir, rezultatul e un sir cu cele doua valori unite.
- Exemplu:
let x = 8; //number
let y ='9' //string
document.write(x + y); //89
Operatorul conditional (Ternary)
Operatorul conditional (denumit si Ternary) atribuie o valoare unei variabile pe baza unei conditii.
Sintaxa de folosire
variabila = (conditie) ? val1 :val2
- Se evalueaza conditia, daca este adevarata atunci variabila ia valoarea 'val1', altfel ia valoarea 'val2'.
Iata un exemplu:
let age = 17;
let copt = (age < 18) ? 'Tanar' :'Matur';
document.write(copt); // Tanar
Precedenta operatorilor
Cand in expresii se folosesc mai multi operatori, JavaScript tine cont de precedenta (importanta) predefinita a fiecarui operator.
Precum in aritmetica, intr-o ecuatie cu adunare si inmultire ( 2+3*4 ), daca nu sunt paranteze, se executa intai inmultirea, aceasta avand precedenta superioara fata de adunare. La fel e si cu operatorii in programare.
Daca apar mai multi operatori cu aceeasi precedenta, JavaScript ii va evalua de la stanga spre dreapta.
In tabelul urmator sunt prezentati operatorii in ordinea precedentei lor, unde operatorii din partea de sus a tabelului au precedenta maxima:
| Operator |
Nume operator |
| () |
de grupare |
| ! ++ -- |
de negare, incrementare, decrementare |
| * / % |
de inmultire, impartire |
| + - |
de adunare, scadere |
| < <= > >= |
de comparatie |
| == != |
de egalitate |
| && |
SI logic |
| || |
SAU logic |
| ? : |
conditional /Ternary |
| = += -= *= /= %= |
de atribuire |
Un Test simplu in fiecare zi
HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tip de <input> creaza un element cu data tip calendar?
type="text" type="date" type="button"<input type="date" name="set_date" value="2012-10-15" />
Ce proprietate CSS adauga efect de umbre la text?
font-style color text-shadowh2 {
text-shadow: 2px 3px 3px #a0a1fe;
}Clic pe functia care adauga elemente noi la sfarsitul unui array.
pop() shift() push()var pags = ["lectii", "cursuri"];
pags.push("download", "tutoriale");
alert(pags[2]); // downloadCe functie aranjeaza un array in ordine crescatoare, dupa chei, mentinand corelatia dintre chei si valori?
asort() ksort() sort()$lang =[10=>"PHP", 20=>"JavaScript", "site"=>"coursesweb.net");
ksort($lang);
var_export($lang); // array ("site"=>"coursesweb.net", 10=>"PHP", 20=>"JavaScript")La adjectivul "big" (mare), care este forma de Comparativ (mai mare)?
biggest biger biggerHe is bigger than his sister.
- El este mai mare decat sora lui.
Care este Comparativul adjectivului "grande" (mare)?
menos grande más grande el más grandeÉl es más grande que su hermana.
- El este mai mare decat sora lui.