1 / 11

JavaScript - 5 . část Pole

Ústav automatizace inženýrských úloh a informatiky FAST VUT v Brně. 0U2 - Základy informatiky a výpočetní techniky 2. JavaScript - 5 . část Pole. Pole. p. 25. p. 10. 25. 13. -5. Jednoduchá proměnná – obsahuje jednu hodnotu Pole – možnost uchování skupiny hodnot

gur
Download Presentation

JavaScript - 5 . část Pole

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Ústav automatizace inženýrských úloh a informatiky FAST VUT v Brně 0U2 - Základy informatiky a výpočetní techniky 2 JavaScript - 5. část Pole

  2. Pole p 25 p 10 25 13 -5 Jednoduchá proměnná – obsahuje jednu hodnotu Pole– možnost uchování skupiny hodnot Pole je v jazyce JavaScript chápáno jako objekt. Položky pole se zpřístupňujípomocí indexů:p[0], p[1], ... Index lze chápat jako pořadové číslo položky. První položka má index 0. Přiřazení hodnoty do jednoduché proměnné: p = 25; do první položky pole : p[0] = 10; • Vytvoření pole: • var a=new Array(); • var b=new Array(10); • var c=new Array("Praha", "Brno", "Ostrava");

  3. Příklad -vložení hodnot do pole a jejich výpisu: • <HTML> • <HEAD><TITLE>pole</TITLE></HEAD> • <BODY> • <SCRIPT> • var n=5; • var x=new Array(n); • for(i=0;i<n;i++) • { • x[i]=Math.round(Math.random()*10); • //náhodně volená čísla z intervalu <0,10> • document.write("x["+i+"]="+x[i]+"<BR>"); • } • </SCRIPT> • </BODY> • </HTML>

  4. Tah sportky – vylosuje se 6 čísel ze 49, čísla se nesmí opakovat. Příklad použití pole <HTML><HEAD><TITLE>Tah sportky</TITLE> <SCRIPT> function losovani() {var c=new Array(6); s=""; for (i=0;i<6;i++) { opak=true; while (opak) { opak=false; x=Math.ceil(Math.random()*49); for (j=0;j<i;j++) if (x==c[j]) opak=true; } c[i]=x; s+=x+"&nbsp;&nbsp;"; } document.all.D.innerHTML="<B>Vylosovaná císla: "+s+"</B>"; } </SCRIPT></HEAD> <BODY bgcolor="lightblue"> <H1 align="center"><FONT color="darkblue">LOSOVÁNÍ</FONT></H1> <FORM name="F"> <INPUT type="button" value="Losuj" onclick="losovani()"> </FORM> <DIV id="D"></DIV><BR><BR><HR></BODY></HTML>

  5. Metody a vlastnosti objektu pole join() - spojí všechny prvky do řetězce var x=new Array(1,8,3); s=x.join(); - v s bude řetězec "1,8,3" reverse() - převrací pořadí prvkůx.reverse(); - v x bude 3,8,1 sort() - třídí prvky pole - pole.sort(porovnávací_funkce) function f(a,b) {return (a-b)} s=x.join(); - v s bude řetězec "1,8,3" x.sort(f); - setřídí čísla vzestupně s=x.join(); - v s bude řetězec "1,3,8" length – vlastnost – počet položek pole function hledej(pole,hod) {n=pole.length; v=-1; for (i=0;i<n;i++) if (pole[i]==hod) { v=i; break;} return v; }

  6. prvni = new Array("a","b","c"); druhe = new Array("d","e","f"); sloucene = prvni.concat(druhe); // vytvoří pole ["a","b","c","d","e","f"] for (i = 0; i < sloucene.length; i++) alert(sloucene[i]); prvni = new Array("a","b","c"); druhe = new Array("d","e","f"); treti = new Array("g","h","i"); sloucene = prvni.concat(druhe,treti); // vytvoří pole ["a","b","c","d","e","f","g","h","i"] for (i = 0; i < sloucene.length; i++) alert(sloucene[i]); pole = new Array("a","b","c"); tmp1 = pole.join(); //textovýřetězec "a,b,c" alert(tmp1); tmp2 = pole.join(", "); //textovýřetězec "a, b, c" alert(tmp2); tmp3 = pole.join(" : ") //textovýřetězec "a : b : c" alert(tmp3);

  7. Tah sportky – vylosovaná čísla se vypíší setříděná Příklad <SCRIPT> function f(a,b) {return a-b; } function losovani() {var c=new Array(6); s=""; for (i=0;i<6;i++) {opak=true; while (opak) { opak=false; x=Math.ceil(Math.random()*49); for (j=0;j<i;j++) if (x==c[j]) opak=true; } c[i]=x; } c.sort(f); s=c.join(); document.all.D.innerHTML="<B>Vylosovaná císla: "+s+"</B>"; } </SCRIPT>

  8. Implicitně vytvářená pole: Prohlížeč automaticky prvky se stejným identifikátorem interpretuje jakopole. Indexy se přidělují od 0 a to podle pořadí, ve kterém jsou prvky na stránce zapsány. Na jednotlivé prvky se pak lze těmito indexy odkazovat. Příklad <FORM name="f"> <INPUT type="radio" name="prvek"> Jedna <INPUT type="radio" name="prvek"> Dvě <INPUT type="radio" name="prvek"> Tři </FORM> … if(document.f.prvek[1].checked) alert(" vybráno je Dvě")

  9. Specifické konstanty a hodnoty Dodatky: • Null • indikuje „žádnou“ hodnotu, • je obsahem proměnné, která nebyla inicializována • NaN (Not-a-Number) =„nečíslo“ • objeví se ve výsledku, kde je očekáván číselný údaj • Undefined • při použití proměnné, které ještě nebyla přidělena hodnota Vestavěné funkce • isNaN(p) • true - v případě, že parametr je nečíslo • parseFloat (řetězec) parseInt(řetězec) • pokusí se převést řetězec na reálné / celé číslo • eval (řetězec) • obsahuje-li řetězec příkaz nebo výraz, bude tento vyhodnocen

  10. <SCRIPT> function Pridej(znak) {document.kalkulacka.displej.value+=znak;} function Smaz() {document.kalkulacka.displej.value="";} function Vyhodnot() { document.kalkulacka.displej.value=eval(document.kalkulacka.displej.value);} </SCRIPT> <FORM name="kalkulacka"> <TABLE border="5" bgcolor="silver" cellpadding="5" align="center"> <TR align="center"> <TD colspan="4" bgcolor="gray"> <INPUT type="text" name="displej" size="30"> <TR align="center"> <TD><INPUT type="button" value="7" onclick="Pridej('7')"> <TD><INPUT type="button" value="8" onclick="Pridej('8')"> <TD><INPUT type="button" value="9" onclick="Pridej('9')"> <TD><INPUT type="button" value="+ " onclick="Pridej('+')"> <TR align="center"> . . . . . . . . . . <TD><INPUT type="button" value=" / " onclick="Pridej('/')"> <TR align="center"> <TD><INPUT type="button" value="C" onclick="Smaz()"> <TD><INPUT type="button" value="." onclick="Pridej('.')"> <TD colspan="2"> <INPUT type="button" value=" = " onclick="Vyhodnot()"> </TABLE></FORM> Použití eval:

  11. Použití eval:

More Related