Curs Javascript


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:

OperatorExemplu
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:
OperatorDescriere /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 "=".
OperatorExemplu
=
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:
OperatorDescriere /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.
OperatorDescriere /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 tag defineste zona de click intr-o harta creata dintr-o imagine?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Ce proprietate CSS indica ce sa se intample cand continutul unui element depaseste dimensiunile lui?
display overflow position
#id {
  overflow: auto;
}
Clic pe evenimentul care este declansat cand mouse-ul e deasupra unui obiect.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Sa ai Viata Buna");
}
Indicati variabila PHP ce contine datele adaugate in adresa URL, dupa caracterul "?".
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Clic pe pronumele reflexiv care e potrivit in propozitia: "Marc is the boy ... won the prize".
who which whoever
Marc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.
Clic pe pronumele reflexiv care e potrivit in propozitia: "Voy a ver al pintor de ... les hablé ayer".
que quien cuyo
Voy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.
Operatori in JavaScript

Last accessed pages

  1. Cursuri Franceza, Germana, Italiana si Rusa (7304)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (259743)
  3. Zilele saptamanii - Lunile anului - Anotimpurile - Engleza (27596)
  4. Adjectivul in limba engleza - The adjective (24058)
  5. Pronumele in limba engleza - Pronouns (52083)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (633)
  2. Conditional IF in Limba Engleza - Fraze Conditionale (549)
  3. Gramatica limbii engleze - Prezentare Generala (444)
  4. Exercitii engleza - English Tests and exercises - Grammar (381)
  5. Coduri pt culori (371)