O introducere în tipurile de date în JavaScript

Un tip de date definește tipul și comportamentul datelor - îi spune compilatorului sau interpretului cum intenționează un programator să folosească o bucată de date. Majoritatea limbajelor de programare acceptă tipuri de date de bază, cum ar fi număr, boolean, șir etc.

JavaScript acceptă opt tipuri de date: Number, BigInt, Boolean, String, Null, Undefined, Symbol și Object. În acest articol, veți afla despre toate cele opt tipuri de date JavaScript și despre cum să le utilizați.

Tipuri de date JavaScript

Tipurile de date din JavaScript pot fi clasificate pe scară largă în două categorii: tipuri de date primitive și tipuri de date neprimitive. Un obiect este un tip de date non-primitiv sau complex, iar restul sunt tipuri de date primitive.

JavaScript este un limbaj tip dinamic, ceea ce înseamnă că tipurile de variabile sunt verificate în timpul rulării. Aceeași variabilă poate deține valori de diferite tipuri în orice moment.

De exemplu:

// x este un șir
fie x = „Bună, lume”;
// x este un număr
x = 100;
// x este acum un boolean
x = adevărat;

Dacă doriți să găsiți tipul de date curent al unei variabile, utilizați tip de operator.

// x este un șir
fie x = „Bună, lume”;
console.log (tip de (x));
// x este un număr
x = 100;
console.log (tip de (x));
// x este acum un boolean
x = adevărat;
console.log (tip de (x));

Ieșire:

şir
număr
boolean

1. Tip de date număr în JavaScript

Tipul de date numeric din JavaScript utilizează IEEE-754 format pentru a reprezenta atât numere întregi, cât și numere în virgulă mobilă. Puteți efectua multe operații pe numere în JavaScript, cum ar fi adunarea, scăderea, împărțirea, înmulțirea și așa mai departe. Pentru a efectua operațiuni mai complexe, puteți utiliza sistemul încorporat Obiect matematic.

Câteva exemple pentru a crea numere în JavaScript:

// Folosind declarația literală
fie n1 = 100;
fie n2 = 456,234;
// Folosind constructorul Number().
fie n3 = Număr (100);
// Conversie în număr întreg
let n4 = Number.parseInt("456.234");
// Conversie în float
let n5 = Number.parseFloat("456.234");
let n6 = Number.parseFloat("1.13e3");
// Conversie unară în număr
fie n7 = +"345";
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

Ieșire:

100
456.234
100
456
456.234
1130
345

Numere întregi

Următoarea instrucțiune creează o variabilă care conține un număr întreg:

fie x = 21;

Dacă doriți să creați literale octale (bază 8), trebuie să utilizați 0o prefix cu succesiunea de cifre octale (cifre de la 0 la 7).

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

Ieșire:

43

În mod similar, dacă doriți să creați literale hexazecimale (bază 16), utilizați 0x prefix cu succesiunea de cifre hexazecimale (de la 0 la 9 și de la A la F).

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

Ieșire:

83

Numere în virgulă mobilă

Următoarea instrucțiune creează o variabilă care conține un număr în virgulă mobilă:

fie x = 324,56;

Puteți utiliza notația electronică pentru a reprezenta numere foarte mari sau foarte mici.

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

Ieșire:

1130000

JavaScript oferă, de asemenea, alte valori numerice speciale care aparțin număr tip de date—NaN, Infinity și -Infinity.

• NaN: NaN reprezintă Nu un număr ceea ce înseamnă un număr nevalid. De exemplu, dacă împărțiți un șir și un număr, rezultatul va fi NaN.

  console.log("MakeUseOf"/10);

  Ieșire:

  NaN

  Destul de interesant, NaN nu este egal cu nimic, inclusiv cu el însuși.

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

  Ieșire:

  fals
  fals
  fals

  De asemenea, dacă o expresie matematică undeva conține NaN, rezultatul este întotdeauna NaN.
• Infinitul și -Infinitul: Infinit și -Infinit reprezintă matematica ∞ și -∞ respectiv.

2. Tipul de date BigInt în JavaScript

BigInt este un tip de date primitiv în JavaScript care poate reprezenta numere întregi cu precizie arbitrară. Deoarece tipul de date numeric nu poate reprezenta valori mai mari decât (2⁵³-1) sau valori mai mici decât -(2⁵³-1), BigInt este utilizat în astfel de cazuri pentru a reprezenta numere foarte mari sau mici.

Numerele BigInt sunt rareori folosite. Dar dacă într-adevăr trebuie să reprezentați numere mari, de ex. pentru criptografie, calculând factorial de mare numere, reprezentând masa soarelui, marcaje temporale cu precizie de microsecunde și așa mai departe, BigInt este ceea ce doriți a folosi.

Puteți crea o valoare BigInt prin adăugare n până la sfârșitul unui număr întreg sau folosind constructorul.

fie big1 = 78649264972634817648747234872634876243862348763467547n;
let big2 = BigInt("78649264972634817648747234872634876243862348763467547");
console.log (big1);
console.log (big2);

Ieșire:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

Tipul de date BigInt este o adăugare relativ recentă la limbă și este acceptat în prezent de aproape toate browserele, cu excepția Internet Explorer.

3. Tip de date boolean în JavaScript

Tipul de date boolean poate avea două valori: Adevărat și fals. Valorile booleene sunt rezultatul comparațiilor logice.

fie x1 = adevărat;
console.log (x1);
fie x2 = !adevarat;
console.log (x2);
fie x3 = !!adevarat;
console.log (x3);
fie x4 = (fals && adevărat);
console.log (x4);
fie x5 = (fals || adevărat);
console.log (x5);
fie x6 = (2 == "2");
console.log (x6);
fie x7 = (2 „2”);
console.log (x7);
fie x8 = (null nedefinit);
console.log (x8);
fie x9 = (0 == "");
console.log (x9);
fie x10 = (100 > 12);
console.log (x10);

Ieșire:

Adevărat
fals
Adevărat
fals
Adevărat
Adevărat
fals
fals
Adevărat
Adevărat

Puteți converti o valoare a oricărui alt tip de date într-un tip de date boolean folosind boolean() funcţie.

// Siruri de caractere
console.log (Boolean(''));
console.log (Boolean('abc'));
console.log (Boolean('123'));
// Numere
console.log (boolean (0));
console.log (boolean (1));
console.log (Boolean(-1));
console.log (boolean (NaN));
console.log (Boolean (Infinit));
// Alții
console.log (Boolean([1, 2, 3]));
console.log (boolean (nedefinit));
console.log (boolean (null));

Ieșire:

fals
Adevărat
Adevărat
fals
Adevărat
Adevărat
fals
Adevărat
Adevărat
fals
fals

4. Tip de date șir în JavaScript

Un șir este o secvență de zero sau mai multe caractere. Șirurile din JavaScript sunt imuabile și sunt utilizate în principal pentru a reprezenta date textuale. Indexarea șirurilor începe de la 0, adică primul element este la indicele 0, al doilea la 1 și așa mai departe.

Șirurile trebuie să fie înconjurate de ghilimele. Puteți utiliza oricare dintre cele trei tipuri de ghilimele pentru a crea un șir: ghilimele simple, ghilimele duble sau Backticks.

Ghilimele simple și duble fac practic același lucru, dar un șir care începe cu ghilimele duble trebuie să se termine cu ghilimele duble. Aceeași regulă se aplică și pentru ghilimele unice.

let str1 = "Bună";
let str2 = 'Bună';
let str3 = "Ce mai faci?";
// Folosind \ pentru a scăpa de ghilimele simple (')
let str4 = 'Ce mai faci?';

Backtick-urile sunt literale șablon și oferă unele funcționalități extinse. Puteți încorpora variabile, expresii și chiar apeluri de funcții în șir.

// Încorporarea variabilei într-un șir
fie x = „Bună ziua”;
let str1 = `${x}, Ce mai faci?`;
console.log (str1);
// Încorporarea expresiei într-un șir
fie str2 = `Suma de 20 + 30 este: ${20 + 30}`;
console.log (str2);
// Încorporarea apelului de funcție într-un șir
funcția calculateSum (a, b) {
returnează a + b;
}
fie str3 = `Suma de 20 + 30 este: ${calculateSum (20, 30)}`;
console.log (str3);

Ieșire:

Bună, ce mai faci?
Suma 20 + 30 este: 50
Suma 20 + 30 este: 50

JavaScript oferă, de asemenea, mai multe metode String a manipula corzile.

5. Tip de date nul în JavaScript

Tipul de date nul are o singură valoare: nul. Reprezintă absența intenționată a oricărei valori de obiect.

fie n = nul;

Mulți programatori se confundă între nul și nedefinit. Este dificil de înțeles diferența dintre nul și nedefinit în JavaScript.

6. Tip de date nedefinit în JavaScript

Tipul nedefinit este un tip special care înseamnă „valoarea nu este atribuită”. Când declarați o variabilă, dar nu o inițializați, variabilei i se atribuie o valoare nedefinită.

fie x;
console.log (tip de (x));

Ieșire:

nedefinit

Puteți atribui în mod explicit nedefinit unei variabile, dar este foarte recomandat să o evitați.

Legate de: Setați metode JavaScript pe care ar trebui să le stăpâniți astăzi

7. Tip de date simbol în JavaScript

Un simbol este o valoare primitivă unică și imuabilă. Este folosit în principal pentru a crea identificatori unici pentru obiecte.

Puteți crea un simbol folosind Simbol() funcţie. De asemenea, acceptă o descriere opțională (nume), dar numai în scopuri de depanare.

fie sym1 = Simbol();
let sym2 = Symbol("date");

The Simbol() funcția creează o nouă valoare unică de fiecare dată când este apelată, chiar dacă creați simboluri cu aceeași descriere, valorile ar fi diferite.

console.log (Simbol() == Simbol());
console.log (Simbol(„date”) == Simbol(„date”);

Ieșire:

fals
fals

Legate de: Metode de hartă JavaScript pe care ar trebui să le stăpâniți astăzi

8. Tip de date obiect în JavaScript

În JavaScript, obiectele sunt colecții de perechi cheie-valoare, unde cheia este un șir și valoarea poate fi orice tip de date.

Puteți crea un obiect gol în JavaScript folosind sintaxa „constructor de obiecte” (obiect nou()) sau sintaxa „literal obiect” (acolade {...}).

let obj1 = new Object();
fie obj2 = {};

Fiecare obiect conține o listă opțională de proprietăți, unde o proprietate este o pereche cheie: valoare. Puteți accesa valorile din obiect folosind notația cu puncte sau notația matrice (paranteze pătrate).

lasă obj = {
"key1": "valoare1",
"key2": "valoare2"
}
console.log (obj.key1);
console.log (obj["key2"]);

Ieșire:

valoare1
valoarea2

Cum funcționează JavaScript?

JavaScript este unul dintre cele mai populare limbaje de programare de pe web astăzi. Puteți utiliza JavaScript pentru a crea site-uri web, aplicații web, aplicații server, jocuri, aplicații mobile etc. Este suficient să spunem că puteți face aproape orice vă puteți gândi cu JavaScript.

Dar știi cum funcționează JavaScript sub capotă?

Ce este JavaScript și cum funcționează?

Dacă înveți dezvoltarea web, iată ce trebuie să știi despre JavaScript și cum funcționează cu HTML și CSS.

Citiți în continuare

Despre autor