Upload
others
View
40
Download
1
Embed Size (px)
Citation preview
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