1

II. JavaScript – date şi operatori

Lipsa unei valoriNullOrice textStringTrue, falseBooleene±1.7976931348e308... ±5e-324Virgulă mobilă

-253........253Numere întregiDate numerice

Tipuri de date

Secvenţe Escape

form feedbackslashghilimeleapostrof

\f\\\"\'

Tab orizontal\treturn de car\rlinie nouă\nbackspace\b

2

II. JavaScript – date şi operatori

Exemplu de utilizare: să se afişeze şirul: citez: “JavaScript este un limbaj de scripting”

<script>document.write("citez: "Javascript este un limbaj de scripting"");</script>

GreşitGreşit

<script>document.write("citez: \"Javascript este un limbaj de scripting\"");</script>

CorectCorect

Testaţi următorul exemplu. Nu uitaţi să introduceţi scriptulîntre etichetele <pre> </pre>.Justificaţi rezultatul!

<script>document.write("primul rand"+"\n");document.write("al doilea rand");</script>

ExempluExemplu

3

II. JavaScript – date şi operatori

Scrieţi un script care să afişeze următorul text:Fisierul javascript se afla in directorul "web\scripturi"

TemăTemă

Tablouri Sunt seturi de variabile identificate printr-un singur nume.Sunt obiecte şi se declară ca atare cu cuvântul rezervat new

var zilele_saptamanii=new Array(7)ExempluExemplu

Iniţializarea se face cu ajutorul indicilor elementelor tabloului

ExempluExemplu zilele_saptamanii[0]=“luni”;zilele_saptamanii[1]=“marti”;zilele_saptamanii[2]=“miercuri”;..zilele_saptamanii[6]=“duminica”;

Primul element al tabloului are indexul 0, nu 1.

NotăNotăNotă

//Creează un tablou cu 7 elemente neinițializate

II. JavaScript ‐date și operatori• Lipsa argumentului în declarația new Array() creează un

tablou cu dimensiune nedefinită.• Versiunile noi ale limbajului recomandă sintaxa:

var nume_tablou=[ ]• Tablourile cu elemente de tip String se pot declara în

forma: var nume_tablou=new Array(elem1, elem 2, elem 3,…,elem n) sau nume_tablou=[elem1, elem 2, elem 3,…, elem n]Ex: var marci= new Array("Audi", "BMW", "Citroën")

var marci=["Audi", "BMW", “Dacia"]• Tablourile multidimensionale se declară ca cele unidi-

mensionale, iar fiecare element se declară, la rândul lui,ca tablou, ex: var nume_tablou = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]

4

II. JavaScript – date şi operatoriJavaScript utilizează operatori aritmetici, de atribuire, de comparaţie, logici şi condiţionali

x=4 x=--yDecrementare--x=6 x=++yIncrementare++

x=1x=y%2Modulo (restul împărţirii) %x=2.5x=y/2Împărţire/x=10x=y*2Înmulţire*x=3x=y-2Scădere-x=7 x=y+2 Adunare+RezultatExempluDescriereOperator

Operatori aritmetici: y=5

Operatorul + poate fi folosit şi pentru a concatena şiruri sau a aduna şiruri cu numere:

sir1="iti doresc "; sir2="o zi buna"; sir3=sir1+sir2; sir3="iti doresc o zi buna"

<script>sir1=" cai pasc iarba";document.writeln(2 +sir1);</script> 5

II. JavaScript – date şi operatori

Operatori de atribuire:

x=0x=x%yx%=y%=x=2x=x/yx/=y/=x=50x=x*yx*=y*=x=5x=x-yx-=y-=x=15x=x+yx+=y+=x=5x=y=

RezultatEchivalent cuExempluOperator

x=10; y=5

Calculaţi restul împărţirii lui 13 la 5.

<script>a=13; b=5;document.writeln(a%b);</script>

6

II. JavaScript – date şi operatori

x<=8 is truemai mic sau egal cu<=x>=8 este falsmai mare sau egal cu>=x<8 este adevăratmai mic decât<x>8 este falsmai mare decât>x!=8 este adevăratdiferit de!=

x==5 este adevaratx==="5" este fals

identic cu (valoare si tip)===x==8 este falseste egal cu==exempludescriereoperator

Operatori de comparaţie: x=5

!(x==y) este adevăratnegaţie!(x==5 || y==5) este falssau||(x < 10 && y > 1) este adevăratşi&&

exempludescriereoperator

!(x==y) este adevăratnegaţie!(x==5 || y==5) este falssau||(x < 10 && y > 1) este adevăratşi&&

exempludescriereoperator

Operatori logici: x=5, y=10

II. JavaScript – date şi operatoriII. JavaScript – date şi operatori x=5, y=10

!(x==y) este adevăratnegaţie!(x==5 || y==5) este falssau||(x < 10 && y > 1) este adevăratşi&&

exempludescriereoperator

Precedenţa operatorilorparantezele ( (),[] ) cea mai mare precedenţănegaţia/incrementarea (!, ++,--)înmulţirea/împărţirea/modulo (*, /, %)adunarea/scăderera ( +, - )comparaţia ( <, <=, >, >= )egalitatea ( ==, != )ŞI logic ( && )SAU logic ( || )Operatorii de atribuire cea mai scăzută precedenţă

8

9

II. JavaScript – structuri de control

Declaraţia if…else

exempluexempluvar zi="luni"if (zi=="luni"){

document.writeln("ziua este luni");}else {

document.writeln("ziua nu este luni");}

Schimbaţi valoarea variabilei zi din luni în marti. Verificaţi rezultatul!Schimbaţi valoarea variabilei zi din luni în marti. Verificaţi rezultatul!

sintaxasintaxaif (expresie condiţie){

instrucţiuni;}else {

instrucţiuni;}

1. Structuri de decizie

II. JavaScript – structuri de control

Declaraţia switch

Este preferată construcţiilor if in if (if imbricat), fiind mai uşor de urmăritEste preferată construcţiilor if in if (if imbricat), fiind mai uşor de urmărit 10

sintaxasintaxaswitch (expresie){

case etichetă:instrucţiuni;break;

case etichetă:instrucţiuni;

break;.......

default:instrucţiuni;

}

1. Structuri de decizie1

12

II. JavaScript – structuri de controlExemplu utilizare SWITCHExemplu utilizare SWITCH

<script>var zi= "luni";switch (zi){

case ("luni"):document.writeln ("ziua este luni");break;

case ("marti"):document.writeln ("ziua este marti");break;

default:document.writeln("ziua nu este nici luni nici marti");

}</script>

Schimbaţi valoarea variabilei zi din luni în miercuri. Verificaţi şi interpretaţi rezultatul!

Construiţi un exemplu de utilizare pentru valori numerice.TemăTemă

13

NotăNotă

II. JavaScript – structuri de control

Declaraţia forsintaxasintaxa

for (expresie iniţializare; condiţie; declaraţieactualizare){

instrucţiuni;}

Este utilizată când se cunoaşte numărul de iteraţii

1. Structuri de decizie

ExempluExemplu

<script>for (var i=1;i<=10; i++){

document.write(i+"\t"+i*i+"\n");}</script>

Să se calculeze şi afişeze pătratele primelor 10 numere naturale

Observaţi declararea variabilei i in interiorul declaraţiei for;Observaţi utilizarea secvenţelor escape la tipărire

14

II. JavaScript – structuri de control

Declaraţia forTemăTemă

Se dau următoarele 4 numere: 6,3,11 şi 7.Să se calculeze şi afişe pătratul fiecăruia din cele 4numere

1. Structuri de decizie

TemăTemă

Se da tabloul A cu următoarele elemente:A[0][0]=3, A[0][1]=4, A[0][2]=1A[1][0]=5, A[1][1]=3, A[1][2]=0A[2][0]=1, A[2][1]=6, A[2][2]=9A[3][0]=5, A[3][1]=0, A[3][2]=2Să se citească şi să se afişeze elementele tabloului

15

NotăNotă

II. JavaScript – structuri de control

Declaraţia whilesintaxasintaxa

while (expresie condiţională){instrucţiuni;

}

Este utilizată când se NU cunoaşte numărul de iteraţii

1. Structuri de ciclare

ExempluExemplu

<script>var i=1;var patrat=0;while (patrat<96){

patrat=i*i;document.writeln(i+"\t i^2=

"+patrat);i++;

}</script>

Să se calculeze şi afişeze numerele naturale a căror pătrat este

Analizaţi rezultatul. De ce este afişat şi numărul i=10 al cărui pătrat 100 este mai mare ca 96?. Corectaţi eroarea!

mai mic decât 96.

16

II. JavaScript – structuri de control

Declaraţia do...while

sintaxasintaxado {

instrucţiuni;}while (expresie condiţională)

Atât în declaraţia while cât şi do...while expresia condiţională trebuie să se modifice în cadrul instrucţiunilor din buclă, altfel programul rămâneîn buclă infinită (nu mai este îndeplinită condiţia de părăsire a buclei)

1. Structuri de ciclare

TemăTemă

Structura while testează mai întâi condiţia şi dacă este îndeplinită execută instrucţiunile.

Structura do...while execută mai întâi setul de instrucţiuni apoi testează condiţia şi dacă este îndeplinită reia execuţia instrucţiunilor.

NotăNotă

Refaceţi exemplul anterior folosind, de data aceasta, do...while

17

II. JavaScript – structuri de control

• declaraţia for...in• declaraţia with

Instrucţiunea break este folosită pentru a întrerupe execuţia unei bucle for,while, do...while sau a instrucţiunii switch, continuând cu instrucţiunile care urmează după buclă sau după break în instrucţiunea switch.

1. Structuri de ciclare

Despre break şi continueDespre break şi continue

Structuri pentru obiecte - sunt specifice programării orientate obiect (OOP)

Vor fi discutate în capitolul III.

Instrucţiunea continue opreşte execuţia instrucţiunilor dintr-o buclă şi reporneşte bucla cu o nouă iteraţie.

18

II. JavaScript – structuri de control

Se consideră 7 valori numerice reprezentând încasările zilnice ale unui mic magazin. Să se afişeze zilele în care valorile încasărilor sunt mai mari de 50 Euro şi valoarea încasărilor, precum şi totalul încasărilor pe zilele respective

1. Structuri de decizie

ProblemăProblemă

<script>var inc= new Array(7);inc[0]=100; inc[1]=10; inc[2]=60; inc[3]=40; inc[4]=80; inc[5]=105; inc[6]=90;var i; var total=0;for (i=1; i<7; i++){

if (inc[i]<50)continue;document.writeln("incasari in ziua "+i+"\t"+inc[i]);total=total+inc[i];

}document.writeln("total incasari peste 50 Euro: "+total);</script>

RezolvareRezolvare