#1 Pole
Pole, anglicky Array, je proměnná, která dokáže obsahovat více hodnot, narozdíl od normální proměnné, která může obsahovat maximálně jednu. Pole můžeme nazvat kontejnerem, který obsahuje různé položky.
const pole = [3, "text", "text", 20, 100];
Pole se používají, aby nebylo potřeba deklarovat nekonečně proměnných a zároveň existují pro pole funkce, díky kterým lze prvky vně pole třídit, náhodně rozřazovat, seskupovat, i přes všechny prvky postupně procházet.
Díky poli můžeme zkrátit toto…
const delka1 = 3;
const delka2 = 112;
const delka3 = 54;
…na toto…
const delky = [3, 112, 54];
#2 Vytvoření pole
Vytvoření pole probíhá podobně jako normální vytvoření proměnné – const (nebo let), název pole a přiřazovací operátor. Za ním však již přichází změna » nedeklarujeme hodnotu přímo za operátor, ale do hranatých závorek [], kterými JavaScriptu říkáme, že se jedná o pole.
Do hranatých závorek normálně vkládáme požadované hodnoty, jimiž mohou být čísla i stringy.
const triatlon = ["plavání", "cyklistika", "běh"];
#3 Přístup k prvkům v poli
K hodnotám či prvkům v poli lze kdykoliv přistupovat pomocí indexu. Index se uvádí také do hranatých závorek a to za název daného pole. Syntaxe vypadá takto – nazev[index] – a využít to lze například takto:
const triatlon = ["plavání", "cyklistika", "běh"];
console.log(triatlon[0]);
// Výstup je „plavání“
console.log(triatlon[2]);
// Výstup je „běh“
#4 Úpravy a práce s polem
Změna hodnoty
Jakoukoliv hodnotu v poli lze měnit, a to podobným stylem jakým k ní přistupujeme.
const barvy = ["červená", "zelená", "modrá"];
// Změna červená na bílou
barvy[0] = "bílá";
Délka pole
Délku pole lze zjistit pomocí atributu length, který připojíme za název pole.
const barvy = ["červená", "zelená", "modrá"];
console.log(barvy.length)
// Výstupem je „3“
Tento atribut je také vhodný, když chceme přistoupit k poslednímu prvku v poli, ale nevíme jak je pole dlouhé.
const barvy = ["červená", "zelená", "modrá", "žlutá", "bílá"];
// Přepsání posledního prvku (bílé) na oranžovou
barvy[barvy.length - 1] = "oranžová";
Projití pole
Celé pole můžeme projít pomocí cyklu for, o kterém píšeme v dalším článku.
const barvy = ["červená", "zelená", "modrá", "žlutá", "bílá"];
for (let i = 0; i < barvy.length; i++) {
console.log(barvy[i]);
}
V tomto cyklu jsme vypsali každou barvu (každou hodnotu pole) do konzole.