Chcete vedieť viac o premenných a dátových typoch v JavaScripte? Prečítajte si tento návod!

JavaScript je jedným z najpopulárnejších jazykov na vývoj webových aplikácií. Je veľmi flexibilný a umožňuje programátorom rýchlo vytvárať interaktívne a dynamické webové stránky. V tomto článku sa pozrieme na základné koncepty, ako sú premenné a dátové typy v JavaScripte, a ukážeme si niekoľko praktických príkladov, ktoré vám pomôžu lepšie pochopiť tieto základy programovania.

Čo sú premenné v JavaScripte?

Premenné v JavaScripte sú miesta, kde môžeme ukladať hodnoty, ktoré môžeme neskôr použiť alebo upravit v programe. Premenné sa používajú na uchovávanie dát a umožňujú flexibilitu pri práci s údajmi. V JavaScripte môžeme deklarovať premenné pomocou kľúčových slov var, let alebo const.

Rozdiel medzi var, let a const

Aj keď všetky tieto kľúčové slová slúžia na deklarovanie premenných, existujú medzi nimi určité rozdiely. var je starší spôsob deklarovania premenných a jeho rozsah je funkčný. Naopak, let a const sú modernejšie spôsoby a sú obmedzené na blokový rozsah, čo znamená, že sú viditeľné len v rámci kódu, v ktorom boli deklarované.

var x = 10; // Funkčný rozsah
let y = 20; // Blokový rozsah
const z = 30; // Nemenná hodnota

Príklady použitia premenných

Poďme si ukázať, ako môžeme pracovať s premennými v praxi. Zoberme si jednoduchý príklad, kde vypočítame súčet dvoch čísel.

let a = 5;
let b = 7;
let sum = a + b;
console.log(sum); // Vypíše 12

V tomto prípade sme deklarovali dve premenné a a b a použili ich na výpočet súčtu, ktorý sme uložili do ďalšej premennej sum. Nakoniec sme tento súčet vypísali do konzoly.

Dátové typy v JavaScripte

V JavaScripte existuje niekoľko dátových typov, ktoré môžeme použiť na uchovávanie rôznych druhov hodnôt. Tieto typy zahŕňajú čísla, reťazce, booleovské hodnoty, objekty a polia. Pozrime sa na niektoré z nich podrobnejšie:

Čísla (Numbers)

V JavaScripte sa čísla používajú na reprezentáciu celých čísel a desatinných čísel. Čísla môžu byť celé (ako 10) alebo desatinné (ako 3.14). JavaScript podporuje aj zápis veľmi veľkých alebo veľmi malých čísel v exponenciálnom tvare, ako je 1e6, čo je rovnaké ako 1000000.

let number1 = 42;
let number2 = 3.14;
console.log(number1 + number2); // Vypíše 45.14

Reťazce (Strings)

Reťazce sú sekvencie znakov, ktoré môžeme použiť na ukladanie textových hodnôt. V JavaScripte môžeme reťazce vytvárať pomocou jednoduchých alebo dvojitých úvodzoviek.

let greeting = "Ahoj, svet!";
let name = 'John';
console.log(greeting + " " + name); // Vypíše Ahoj, svet! John

Booleovské hodnoty (Booleans)

Booleovské hodnoty sú hodnoty, ktoré môžu byť buď pravda (true) alebo nepravda (false). Tieto hodnoty sa často používajú v podmienkach a cykloch, kde sa vyhodnocujú, či je niečo pravda alebo nepravda.

let isJavaScriptFun = true;
let isRaining = false;
console.log(isJavaScriptFun); // Vypíše true

Polia (Arrays)

Polia sú dátové štruktúry, ktoré umožňujú ukladanie viacerých hodnôt do jednej premennej. Každý prvok v poli má svoj index, ktorý začína od nuly. Polia môžu obsahovať hodnoty rôznych dátových typov, ako čísla, reťazce, objekty alebo dokonca iné polia.

let fruits = ["jablko", "banán", "pomaranč"];
console.log(fruits[0]); // Vypíše jablko

Objekty (Objects)

Objekty sú zložitejšie dátové štruktúry, ktoré umožňujú uchovávať hodnoty ako páry kľúč-hodnota. Môžeme ich používať na reprezentáciu vecí, ktoré majú viacero vlastností. Kľúče v objektoch sú reťazce a hodnoty môžu byť akéhokoľvek typu.

let person = {
  name: "Janko",
  age: 30,
  isStudent: false
};
console.log(person.name); // Vypíše Janko

Funkcie v JavaScripte

Funkcie sú ďalším základným stavebným kameňom v JavaScripte. Pomocou funkcií môžeme definovať opakovane použiteľné bloky kódu, ktoré vykonávajú konkrétnu úlohu. Funkcie môžeme definovať pomocou kľúčového slova function, alebo v prípade novších verzií jazyka pomocou tzv. arrow funkcií.

function greet(name) {
  return "Ahoj, " + name;
}
console.log(greet("Janko")); // Vypíše Ahoj, Janko

Arrow funkcie

Arrow funkcie sú skrátený zápis pre funkcie, ktorý je dostupný od ES6. Hlavný rozdiel medzi nimi a tradičnými funkciami je v tom, že nevyžadujú kľúčové slovo function, ale používajú šípku =>.

const greetArrow = (name) => {
  return "Ahoj, " + name;
};
console.log(greetArrow("Janko")); // Vypíše Ahoj, Janko

Záver

JavaScript ponúka širokú škálu dátových typov a rôzne spôsoby manipulácie s premennými. Je dôležité pochopiť, aké dátové typy existujú a ako ich efektívne využívať. S týmto základným porozumením premenných a dátových typov môžete začať vytvárať silné a flexibilné webové aplikácie.