Array
Array (pole) slouží pro ukládání několika hodnot do jedné proměnné
Syntax:
let array = [];
Pro získání položky z pole používáme []
Položky se počítají od čísla 0
let array = ["Car", "Phone", "House"];
console.log(array[0]); // Car
console.log(array[1]); // Phone
console.log(array[2]); // House
Podobně lze i danou hodnotu přepsat:
let array = ["Car", "Phone", "House"];
array[0] = "Bike";
console.log(array[0]); // Bike
Celkovou délku pole lze získat pomocí length
let array = ["Car", "Phone", "House"];
console.log(array.length); // 3
Celé pole můžeme vypsat tímto způsobem:
let array = ["Car", "Phone", "House"];
console.log(array); // Car, Phone, House
Funkce pro Array
- pop - odstraní poslední položku z pole a vrátí ji
- push - přidá položku na konec pole
- shift - odstraní první položku z pole a vrátí ji
- unshift - přidá položku na začátek pole
- splice - vkládá, odstraňuje a přepisuje položky
- forEach - procyklí pole
Pole může obsahovat v sobě další pole - vznikne vícerozměrné pole
Pole lze i procyklit
let array = ["Car", "Phone", "House"];
for (let key of array) { // do proměnné key se pokaždé uloží položka, která je zrovna na řadě
console.log(key);
}
// nebo
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
... - spread operátor - pole je úzce se spread operátorem spojené, využívá se například pro kopírování pole
let arr = ["Car", "Phone"];
let arr2 = ["House", "Drink"];
let arr3 = [...arr, ...arr2];
console.log(arr3); // Car, Phone, House, Drink
Editor
Pro živou ukázku je CSS a JavaScript vepsaný přímo v dokumentu - v praxi tyto soubory vždy oddělujte do externích souborů
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
let array = ["Car", "Phone", "House"];
array.forEach((item) => console.log(item));
</script>
</body>
</html>
Page
PS: Logy se zobrazují v konzoli - F12 - console