II. JavaScript date şi operatori

(1)

II. JavaScript – date

ş

i operatori

Lipsa unei valori Null Orice text String True, false Booleene ±1.7976931348e308_{... ±5e}-324 Virgulă mobilă -253...₂53 Numere întregi Date numerice

Tipuri de date

Secven

ţ

e Escape

form feed

backslash

ghilimele

apostrof

\f

\\

\”

\’

Tab orizontal

\t

return de car

\r

linie nou

ă

\n

backspace

\b

(2)

II. JavaScript – date

ş

i operatori

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

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

Greşit

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

Corect

Testa

ţ

i

următorul exemplu

.

Nu uita

ţi să introduceţ

i scriptul

între etichetele <pre> </pre>.

Justifica

ţ

i rezultatul!

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

Exemplu

(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ă

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) Exemplu

Exemplu

Ini

ţ

ializarea se face cu ajutorul indicilor elementelor tabloului

Exemplu Exemplu _{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ă

(4)

II. JavaScript – date

ş

i operatori

JavaScript

utilizează operatori aritmetici

, de atribuire, de compara

ţ

ie,

logici

ş

i condi

ţ

ionali

x=4 x=--y Decrementare --x=6 x=++y Incrementare ++ x=1 x=y%2

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

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 language=“javascript”>

sir1= “ cai pasc iarba”;

(5)

II. JavaScript – date

ş

i operatori

Operatori de atribuire: x=0 x=x%y x%=y %= x=2 x=x/y x/=y /= x=50 x=x*y x*=y *= x=5 x=x-y x-=y -= x=15 x=x+y x+=y += x=5 x=y = Rezultat Echivalent cu Exemplu Operator x=10; y=5

Calculaţi restul împărţirii lui 13 la 5. <script language="javascript"> a=13; b=5;

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

(6)

II. JavaScript – date

ş

i operatori

x<=8 is true mai mic sau egal cu

<=

x>=8 este fals mai mare sau egal cu

>=

x<8 este adevărat

mai mic decât <

x>8 este fals mai mare decât

> x!=8 este adevărat diferit de != x==5 este adevarat x==="5" este fals identic cu (valoare si tip)

=== x==8 este fals este egal cu == exemplu descriere operator

Operatori de comparaţie: x=5

!(x==y) este adevărat

negaţie !

(x==5 || y==5) este fals sau

||

(x < 10 && y > 1) este adevărat şi

&&

exemplu descriere

operator

negaţie !

||

(x < 10 && y > 1) este adevărat şi

&&

exemplu descriere

operator

(7)

II. JavaScript – date

ş

i operatori

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

negaţie !

||

(x < 10 && y > 1) este adevărat şi && exemplu descriere operator

Preceden

ţ

a operatorilor

parantezele ( (),[] ) cea mai mare precedenţă negaţia/incrementarea (!, ++,--)

înmulţirea/împărţirea/modulo (*, /, %) adunarea/scăderera ( +, - )

comparaţia ( <, <=, >, >= ) egalitatea ( ==, != )

ŞI logic ( && ) SAU logic ( || )

(8)

II. JavaScript – structuri de control

Declara

ţ

ia

if…else

exemplu exemplu var zi=“luni” if (zi==“luni){

document.writeln(“ziua este luni”); }

else {

document.writeln(“ziua nu este luni”); }

Schimba_Schimbaţi valoarea variabilei zi_ţ_{i valoarea variabilei}_zidin luni în marti. Verifica_din_luni _în_marti_{. Verifica}ţi rezultatul!_ţ_{i rezultatul!} sintaxa

sintaxa

if (expresie condiţie){ instrucţiuni; } else { instrucţiuni; }

1. Structuri de decizie

(9)

II. JavaScript – structuri de control

Declara

ţ

ia

switch

Este preferată construcţ_{Este preferată construcţ}iilor if in if (if imbricat), fiind mai u_iilor_{if in if} _{(if imbricat), fiind mai u}şor de urmărit_{şor de urmărit} sintaxa sintaxa switch (expresie){ case etichetă: instrucţiuni; break; case etichetă: instrucţiuni; break; ... default: instrucţiuni; }

1. Structuri de decizie

(10)

II. JavaScript – structuri de control

Exemplu utilizare SWITCH

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 in miercuri.

Verifica

ţ

i

ş

i interpreta

ţ

i rezultatul!

(11)

II. JavaScript – structuri de control

Exemplu utilizare SWITCH

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!

Temă Temă

(12)

Notă Notă

II. JavaScript – structuri de control

Declara

ţ

ia

for

sintaxa

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

instrucţiuni; }

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

ii

1. Structuri de decizie

Exemplu

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

(13)

II. JavaScript – structuri de control

Declara

ţ

ia

for

Temă Temă

Se dau următoarele 4 numere: 6,3,11 şi 7.

Să se calculeze şi afişe pătratul fiecăruia din cele 4 numere

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]=1

A[1][0]=5, A[1][1]=3, A[1][2]=0 A[2][0]=1, A[2][1]=6, A[2][2]=9 A[3][0]=5, A[3][1]=0, A[3][2]=2

(14)

Notă Notă

II. JavaScript – structuri de control

Declara

ţ

ia

while

sintaxa

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

}

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

ii

1. Structuri de decizie

Exemplu Exemplu <script language="javascript"> 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!

(15)

II. JavaScript – structuri de control

Declara

ţ

ia

do...while

sintaxa sintaxa do { 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ă

, a

ltfel programul rămâne

î

n buclă infinită

(nu mai este î

ndeplinită condiţia de părăsire a buclei

)

1. Structuri de decizie

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ă

(16)

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 decizie

Despre break şi continue

Despre 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.

(17)

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ă

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); Rezolvare