Úvod do dátových typov v JavaScripte

Dátový typ definuje typ a správanie údajov – hovorí kompilátoru alebo tlmočníkovi, ako programátor zamýšľa použiť časť údajov. Väčšina programovacích jazykov podporuje základné dátové typy ako číslo, boolean, reťazec atď.

JavaScript podporuje osem dátových typov: Number, BigInt, Boolean, String, Null, Undefined, Symbol a Object. V tomto článku sa dozviete o všetkých ôsmich typoch údajov JavaScript a o tom, ako ich používať.

Typy údajov JavaScript

Dátové typy v JavaScripte možno vo všeobecnosti rozdeliť do dvoch kategórií: Primitívne dátové typy a Neprimitívne dátové typy. Objekt je neprimitívny alebo komplexný dátový typ a zvyšok sú primitívne dátové typy.

JavaScript je dynamicky písaný jazyk, čo znamená, že typy premenných sa kontrolujú počas behu. Tá istá premenná môže kedykoľvek obsahovať hodnoty rôznych typov.

Napríklad:

// x je reťazec
nech x = "Ahoj, svet";
// x je číslo
x = 100;
// x je teraz boolovská hodnota
x = pravda;

Ak chcete nájsť aktuálny typ údajov premennej, použite príkaz Typ operátor.

// x je reťazec
nech x = "Ahoj, svet";
console.log (typeof (x));
// x je číslo
x = 100;
console.log (typeof (x));
// x je teraz boolovská hodnota
x = pravda;
console.log (typeof (x));

Výkon:

reťazec
číslo
boolovská hodnota

1. Typ údajov o čísle v JavaScripte

Typ údajov čísla v JavaScripte používa IEEE-754 formát reprezentujúci celé číslo aj čísla s pohyblivou rádovou čiarkou. V JavaScripte môžete vykonávať mnoho operácií s číslami, ako je sčítanie, odčítanie, delenie, násobenie atď. Na vykonávanie zložitejších operácií môžete použiť vstavaný Matematický objekt.

Niekoľko príkladov vytvárania čísel v JavaScripte:

// Použitie doslovnej deklarácie
nech n1 = 100;
nech n2 = 456,234;
// Použitie konštruktora Number().
nech n3 = číslo (100);
// Konverzia na celé číslo
nech n4 = Číslo.parseInt("456.234");
// Konverzia na float
nech n5 = Číslo.parseFloat("456.234");
nech n6 = Číslo.parseFloat("1.13e3");
// Unárny prevod na číslo
nech n7 = +"345";
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

Výkon:

100
456.234
100
456
456.234
1130
345

Celé čísla

Nasledujúci príkaz vytvorí premennú obsahujúcu celé číslo:

nech x = 21;

Ak chcete vytvoriť osmičkové (základ 8) literály, musíte použiť 0o predpona s postupnosťou osmičkových číslic (číslice od 0 do 7).

nech x = 0o53;
console.log (x);

Výkon:

43

Podobne, ak chcete vytvoriť hexadecimálne (základ 16) literály, použite 0x predpona so sekvenciou hexadecimálnych číslic (0 až 9 a A až F).

nech x = 0x53;
console.log (x);

Výkon:

83

Čísla s pohyblivou rádovou čiarkou

Nasledujúci príkaz vytvorí premennú s číslom s pohyblivou rádovou čiarkou:

nech x = 324,56;

Elektronický zápis môžete použiť na vyjadrenie veľmi veľkých alebo veľmi malých čísel.

nech x = 1,13e6;
console.log (x);

Výkon:

1130000

JavaScript tiež poskytuje ďalšie špeciálne číselné hodnoty, ktoré patria do číslo dátový typ – NaN, Infinity a -Infinity.

• NaN: NaN znamenať Nie Číslo čo znamená neplatné číslo. Ak napríklad rozdelíte reťazec a číslo, výsledkom bude NaN.

  console.log("MakeUseOf"/10);

  Výkon:

  NaN

  Je zaujímavé, že NaN sa nerovná ničomu, vrátane seba samého.

  console.log (NaN == NaN);
  console.log (NaN == ("MakeUseOf"/10));
  console.log (NaN NaN);

  Výkon:

  falošné
  falošné
  falošné

  Tiež, ak matematický výraz niekde obsahuje NaN, výsledkom je vždy NaN.
• Nekonečno a -nekonečno: Nekonečno a - Nekonečno predstavuje matematické ∞ a -∞ resp.

2. Typ údajov BigInt v JavaScripte

BigInt je primitívny dátový typ v JavaScripte, ktorý môže reprezentovať celé čísla s ľubovoľnou presnosťou. Keďže dátový typ čísla nemôže reprezentovať hodnoty väčšie ako (2⁵³-1) alebo hodnoty menšie ako -(2⁵³-1), BigInt sa v takýchto prípadoch používa na reprezentáciu veľmi veľkých alebo malých čísel.

BigInt čísla sa používajú zriedka. Ale ak naozaj potrebujete reprezentovať veľké čísla, napr. pre kryptografiu, výpočet faktoriálu veľkých čísla predstavujúce hmotnosť Slnka, časové pečiatky s presnosťou na mikrosekundu atď., BigInt je to, čo chcete použit.

Pridaním môžete vytvoriť hodnotu BigInt n na koniec celého čísla alebo pomocou konštruktora.

let big1 = 78649264972634817648747234872634876243862348763467547n;
let big2 = BigInt("78649264972634817648747234872634876243862348763467547");
console.log (veľký1);
console.log (veľký2);

Výkon:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

Dátový typ BigInt je relatívne nedávnym prírastkom jazyka a v súčasnosti ho podporujú takmer všetky prehliadače okrem Internet Explorera.

3. Booleovský typ údajov v JavaScripte

Booleovský dátový typ môže mať dve hodnoty: pravda a falošné. Booleovské hodnoty sú výsledkom logických porovnaní.

nech x1 = pravda;
console.log (x1);
nech x2 = !true;
console.log (x2);
nech x3 = !!pravda;
console.log (x3);
nech x4 = (false && true);
console.log (x4);
nech x5 = (nepravda || pravda);
console.log (x5);
nech x6 = (2 == "2");
console.log (x6);
nech x7 = (2 "2");
console.log (x7);
nech x8 = (null undefined);
console.log (x8);
nech x9 = (0 == "");
console.log (x9);
nech x10 = (100 > 12);
console.log (x10);

Výkon:

pravda
falošné
pravda
falošné
pravda
pravda
falošné
falošné
pravda
pravda

Hodnotu akéhokoľvek iného dátového typu môžete previesť na booleovský dátový typ pomocou Boolean() funkciu.

// Reťazce
console.log (Boolean(''));
console.log (Boolean('abc'));
console.log (Boolean('123'));
// Čísla
console.log (logická hodnota (0));
console.log (logická hodnota (1));
console.log (Boolean(-1));
console.log (Boolean (NaN));
console.log (Boolean (Infinity));
// Ostatné
console.log (Boolean([1, 2, 3]));
console.log (logická hodnota (nedefinované));
console.log (Boolean (null));

Výkon:

falošné
pravda
pravda
falošné
pravda
pravda
falošné
pravda
pravda
falošné
falošné

4. Typ údajov reťazca v JavaScripte

Reťazec je sekvencia nula alebo viacerých znakov. Reťazce v JavaScripte sú nemenné a používajú sa hlavne na reprezentáciu textových údajov. Indexovanie reťazcov začína od 0, t.j. prvý prvok je na indexe 0, druhý na 1 atď.

Reťazce musia byť ohraničené úvodzovkami. Na vytvorenie reťazca môžete použiť ktorýkoľvek z troch typov úvodzoviek: jednoduché úvodzovky, dvojité úvodzovky alebo obrátené úvodzovky.

Jednoduché a dvojité úvodzovky robia prakticky to isté, ale reťazec, ktorý začína dvojitou úvodzovkou, musí končiť dvojitou úvodzovkou. Rovnaké pravidlo platí aj pre jednoduché úvodzovky.

nech str1 = "Ahoj";
nech str2 = 'Ahoj';
nech str3 = "Ako sa máš?";
// Použitie \ na ukončenie jednoduchých úvodzoviek (')
let str4 = 'Ako sa máš?';

Backticks sú šablónové literály a poskytujú niektoré rozšírené funkcie. Do reťazca môžete vložiť premenné, výrazy a dokonca aj volania funkcií.

// Vloženie premennej do reťazca
nech x = "Ahoj";
nech str1 = `${x}, Ako sa máš?`;
console.log (str1);
// Vloženie výrazu do reťazca
nech str2 = `Súčet 20 + 30 je: ${20 + 30}`;
console.log (str2);
// Vloženie volania funkcie do reťazca
funkcia vypočítaťSúčet (a, b) {
vrátiť a + b;
}
nech str3 = `Súčet 20 + 30 je: ${calculateSum (20, 30)}`;
console.log (str3);

Výkon:

Ahoj, ako sa máš?
Súčet 20 + 30 je: 50
Súčet 20 + 30 je: 50

JavaScript tiež poskytuje niekoľko metód String manipulovať so strunami.

5. Typ údajov Null v jazyku JavaScript

Typ údajov null má iba jednu hodnotu: nulový. Predstavuje zámernú absenciu akejkoľvek hodnoty objektu.

nech n = null;

Mnoho programátorov si mýli medzi null a undefined. Je to zložité pochopiť rozdiel medzi hodnotou null a undefined v JavaScripte.

6. Nedefinovaný typ údajov v JavaScripte

Nedefinovaný typ je špeciálny typ, ktorý znamená „hodnota nie je priradená“. Keď deklarujete premennú, ale neinicializujete ju, premennej sa priradí nedefinovaná hodnota.

nech x;
console.log (typeof (x));

Výkon:

nedefinované

K premennej môžete explicitne priradiť nedefinované, ale dôrazne sa odporúča vyhnúť sa tomu.

Súvisiace: Nastavte metódy JavaScriptu, ktoré by ste mali zvládnuť ešte dnes

7. Typ údajov symbolu v JavaScripte

Symbol je jedinečná a nemenná primitívna hodnota. Používa sa hlavne na vytváranie jedinečných identifikátorov objektov.

Symbol môžete vytvoriť pomocou Symbol() funkciu. Prijíma aj voliteľný popis (názov), ale len na účely ladenia.

nech sym1 = Symbol();
nech sym2 = Symbol("data");

The Symbol() funkcia vytvorí novú jedinečnú hodnotu zakaždým, keď je zavolaná, aj keď vytvoríte symboly s rovnakým popisom, hodnoty budú odlišné.

console.log (Symbol() == Symbol());
console.log (Symbol("údaje") == Symbol("údaje"));

Výkon:

falošné
falošné

Súvisiace: Mapové metódy JavaScript, ktoré by ste mali zvládnuť ešte dnes

8. Typ údajov objektu v JavaScripte

V JavaScripte sú objekty kolekcie párov kľúč – hodnota, kde kľúčom je reťazec a hodnota môže byť ľubovoľný typ údajov.

V JavaScripte môžete vytvoriť prázdny objekt pomocou syntaxe "konštruktor objektu" (nový objekt()) alebo „objektová doslovná“ syntax (zložené zátvorky {...}).

nech obj1 = new Object();
nech obj2 = {};

Každý objekt obsahuje voliteľný zoznam vlastností, kde vlastnosť je pár kľúč: hodnota. K hodnotám z objektu môžete pristupovať pomocou bodkovej notácie alebo notácie v tvare poľa (hranaté zátvorky).

nech obj = {
"key1": "value1",
"key2": "value2"
}
console.log (obj.key1);
console.log (obj["key2"]);

Výkon:

hodnota1
hodnota2

Ako funguje JavaScript?

JavaScript je dnes jedným z najpopulárnejších programovacích jazykov na webe. JavaScript môžete použiť na vytváranie webových stránok, webových aplikácií, serverových aplikácií, hier, mobilných aplikácií atď. Stačí povedať, že pomocou JavaScriptu môžete robiť takmer všetko, čo si vymyslíte.

Viete však, ako funguje JavaScript pod kapotou?

Čo je JavaScript a ako funguje?

Ak sa učíte vývoj webových aplikácií, tu je to, čo potrebujete vedieť o JavaScripte a o tom, ako funguje s HTML a CSS.

Prečítajte si ďalej

O autorovi