JavaScript/Kenjiro995/Pole

Online editor

Není nutné cokoliv instalovat protože existují online editory.

• https://replit.com/ - osvědčil se mi při ukládání vytvořených programů, při vytváření nové relace si lze vybrat z mnoha programovacích jazyků
• https://jsfiddle.net/ - ideální pro počáteční experimentování (použít pro tuto hodinu)
  • okno HTML - použití scriptu v html
  • okno CSC - pro kaskádové styly
  • okno JavaScript + No-libray (pure JS) - pro psaní čistě v JavaScriptu

Přístup k poli pomocí indexu

Script tak jak je, stačí vložit do okna JavaScript + No-libray (pure JS) v online editoru na stránce https://jsfiddle.net/ a spustit tlačítkem RUN:

var dny = ["Neděle", "Pondělí", "Úterý", "Středa", "Čtvrtek", "Pátek", "Sobota"]; //pole Array
//             0         1         2         3         4         5         6
document.write(dny[6]); // Sobota

Výstup:

Sobota

Vytvoření prázdného pole a postupně zadání všech hodnot. Následné vypsání celého pole:

var a = new Array();
a[0] = 1;
a[1] = 36;
a[2] = "ahoj";
document.write(a); // výpis celého pole

Výstup:

1,36,ahoj

Délka pole (počet prvků)

pole = ["mrkev", "brambory", "kvetak"];
document.write(pole.length);   // vypíše 3

Výstup:

3

Spojování prvků

Funkce concat()

var pole1 = new Array("a", "b", "c");
var pole2 = new Array("d", "e", "f");
var pole = pole1.concat(pole2);      // vytvoří pole ["a", "b", "c", "d", "e", "f"]
document.write(pole);                // vypíše pole

Výstup:

a,b,c,d,e,f

Funkce join()

Metoda join() pojí prvky pole do jednoho textu, oddělené podle "oddělovače", pokud neuvedete oddělovač použije se standardní ",":

var pole = new Array("a","b","c");
var vysledek=pole.join();      // vrátí "a,b,c" do proměnné vysledek
document.write(vysledek);      // vypíše pole 
document.write("<br>"); 

vysledek=pole.join(" + ");     // vrátí "a + b + c" do proměnné vysledek
document.write(vysledek);      // vypíše pole

Výstup:

a,b,c
a + b + c

var pole = ["w", "w", "w"];
document.write(pole.join("."));  // vypíše  w.w.w
document.write("<br>");
document.write(pole.join(""));  //  www
document.write("<br>");
document.write(pole.join());   //   w,w,w
document.write("<br>");
document.write(pole.toString()); //  w,w,w

Výstup:

w.w.w
www
w,w,w
w,w,w

Utřídění prvků podle abecedy

Funkce sort()

Metoda sort() setřítí abecedně prvky pole. Pokud jsou prvk pole čísla, použíjte sort(compareNumbers):

var pole = new Array("d","b","c","a");
pole.sort();      // vrátí ["a", b","c","d"] do proměnné vysledek
document.write(pole);            // vypíše pole

Výstup:

a,b,c,d

Funkce reverse()

Metoda reverse() otočí pořadí prvků v pole. první prvek bude posledním a naopak. Lze použít např. pro opačné setřídění po metodě sort():

var pole = new Array("a","b","c","d");
var vysledek=pole.reverse();  //vysledek bude ["d", "c", "b", "a"]
document.write(vysledek);            // vypíše pole

Výstup:

d,c,b,a

Pole jako zásobník a fronta

Funkce shift()

Metoda shift() odstraní první prvek z pole a vrátí jej:

var pole = new Array("a","b","c","d");
var vysledek=pole.shift(); 
document.write("Pole: ",pole); 
document.write("<br>");
document.write("Výsledek: ",vysledek);

Výstup:

Pole: b,c,d
Výsledek: a

Funkce pop()

Metoda pop() odstraní poslední prvek z pole, podobně jako v předchozím příkladu:

var pole = new Array("a","b","c","d");
var vysledek=pole.pop(); 
document.write("Pole: ",pole); 
document.write("<br>");
document.write("Výsledek: ",vysledek);

Výstup:

Pole: a,b,c
Výsledek: d

Funkce push()

Metoda push() přidá na konec pole další prvky, vrací novou délku pole:

var pole = new Array("a","b","c","d");
var vysledek=pole.push("e", "f"); 
document.write("Pole: ",pole); 
document.write("<br>");
document.write("Výsledek: ",vysledek);

Výstup:

Pole: a,b,c,d,e,f
Výsledek: 6

Funkce unshift()

Metoda unshift() přidá na začátek pole další prvky a vrací novou délku pole. Podobně jako předcházející příklad:

var pole = new Array("a","b","c","d");
var vysledek=pole.unshift("e", "f"); 
document.write("Pole: ",pole); 
document.write("<br>");
document.write("Výsledek: ",vysledek);

Výstup:

Pole: e,f,a,b,c,d
Výsledek: 6