Een inleiding tot gegevenstypen in JavaScript

Een gegevenstype definieert het type en het gedrag van gegevens - het vertelt de compiler of interpretator hoe een programmeur een stuk gegevens wil gebruiken. De meeste programmeertalen ondersteunen basisgegevenstypen zoals nummer, boolean, string, enz.

JavaScript ondersteunt acht gegevenstypen: Getal, BigInt, Boolean, String, Null, Undefined, Symbol en Object. In dit artikel leert u over alle acht JavaScript-gegevenstypen en hoe u deze kunt gebruiken.

JavaScript-gegevenstypen

Gegevenstypen in JavaScript kunnen grofweg in twee categorieën worden ingedeeld: primitieve gegevenstypen en niet-primitieve gegevenstypen. Een object is een niet-primitief of complex gegevenstype en de rest is primitief gegevenstype.

JavaScript is een dynamisch getypeerde taal, wat betekent dat variabele typen tijdens runtime worden gecontroleerd. Dezelfde variabele kan op elk moment waarden van verschillende typen bevatten.

Bijvoorbeeld:

// x is een string
let x = "Hallo, wereld";
// x is een getal
x = 100;
// x is nu een boolean
x = waar;

Als u het huidige gegevenstype van een variabele wilt vinden, gebruikt u de soort van exploitant.

// x is een string
let x = "Hallo, wereld";
console.log (type (x));
// x is een getal
x = 100;
console.log (type (x));
// x is nu een boolean
x = waar;
console.log (type (x));

Uitgang::

snaar
nummer
booleaans

1. Nummer Gegevenstype in JavaScript

Het nummergegevenstype in JavaScript gebruikt de IEEE-754 formaat om zowel gehele getallen als getallen met drijvende komma weer te geven. U kunt veel bewerkingen op getallen in JavaScript uitvoeren, zoals optellen, aftrekken, delen, vermenigvuldigen, enzovoort. Om complexere bewerkingen uit te voeren, kunt u de ingebouwde Wiskundig object.

Enkele voorbeelden om getallen in JavaScript te maken:

// Letterlijke declaratie gebruiken
laat n1 = 100;
laat n2 = 456,234;
// De constructor Number() gebruiken
laat n3 = Getal (100);
// Conversie naar geheel getal
laat n4 = Number.parseInt("456.234");
// Conversie naar float
laat n5 = Number.parseFloat("456.234");
laat n6 = Number.parseFloat("1.13e3");
// Unaire conversie naar nummer
laat n7 = +"345";
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

Uitgang::

100
456.234
100
456
456.234
1130
345

Gehele getallen

De volgende instructie maakt een variabele met een geheel getal:

laat x = 21;

Als u octale (grondtal 8) literals wilt maken, moet u de gebruiken 0o voorvoegsel met de reeks octale cijfers (cijfers van 0 tot 7).

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

Uitgang::

43

Evenzo, als u hexadecimale (grondtal 16) letterlijke waarden wilt maken, gebruikt u de 0x prefix met de reeks hexadecimale cijfers (0 tot 9, en A tot F).

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

Uitgang::

83

Drijvende-kommagetallen

De volgende instructie maakt een variabele met een getal met drijvende komma:

laat x = 324,56;

U kunt e-notatie gebruiken om zeer grote of zeer kleine getallen weer te geven.

laat x = 1.13e6;
console.log (x);

Uitgang::

1130000

JavaScript biedt ook andere speciale numerieke waarden die behoren tot de nummer gegevenstype: NaN, Infinity en -Oneindig.

• NaN: NaN betekent Geen nummer wat een ongeldig nummer betekent. Als u bijvoorbeeld een tekenreeks en een getal deelt, is het resultaat NaN.

  console.log("MakeUseOf"/10);

  Uitgang::

  NaN

  Interessant genoeg is NaN nergens gelijk aan, ook niet aan zichzelf.

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

  Uitgang::

  vals
  vals
  vals

  Als een wiskundige uitdrukking ergens NaN bevat, is het resultaat ook altijd NaN.
• Oneindigheid en -Oneindig: oneindigheid en -Oneindigheid vertegenwoordigt de wiskundige ∞ en -∞ respectievelijk.

2. BigInt-gegevens typen in JavaScript

BigInt is een primitief gegevenstype in JavaScript dat gehele getallen met willekeurige precisie kan vertegenwoordigen. Aangezien het gegevenstype getallen geen waarden kan vertegenwoordigen die groter zijn dan (2⁵³-1) of waarden kleiner dan -(2⁵³-1), wordt BigInt in dergelijke gevallen gebruikt om zeer grote of kleine getallen weer te geven.

BigInt-nummers worden zelden gebruikt. Maar als u echt grote getallen moet weergeven, b.v. voor cryptografie, het berekenen van de faculteit van grote getallen, die de massa van de zon vertegenwoordigen, microseconden-precisie tijdstempels, enzovoort, BigInt is wat je wilt gebruiken.

U kunt een BigInt-waarde maken door toe te voegen N aan het einde van een geheel getal of door de constructor te gebruiken.

laat big1 = 78649264972634817648747234872634876243862348763467547n;
laat big2 = BigInt("78649264972634817648747234872634876243862348763467547");
console.log (groot1);
console.log (groot2);

Uitgang::

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

Het gegevenstype BigInt is een relatief recente toevoeging aan de taal en wordt momenteel door bijna alle browsers ondersteund, behalve Internet Explorer.

3. Booleaans gegevenstype in JavaScript

Het booleaanse gegevenstype kan twee waarden hebben: waar en vals. Booleaanse waarden zijn het resultaat van logische vergelijkingen.

laat x1 = waar;
console.log (x1);
laat x2 = !waar;
console.log (x2);
laat x3 = !!waar;
console.log (x3);
laat x4 = (false && waar);
console.log (x4);
laat x5 = (false || true);
console.log (x5);
laat x6 = (2 == "2");
console.log (x6);
laat x7 = (2 "2");
console.log (x7);
laat x8 = (null niet gedefinieerd);
console.log (x8);
laat x9 = (0 == "");
console.log (x9);
laat x10 = (100 > 12);
console.log (x10);

Uitgang::

waar
vals
waar
vals
waar
waar
vals
vals
waar
waar

U kunt een waarde van elk ander gegevenstype converteren naar een booleaans gegevenstype met behulp van de Booleaans() functie.

// Snaren
console.log (Boolean(''));
console.log (Boolean('abc'));
console.log (Boolean('123'));
// Nummers
console.log (Boolean (0));
console.log (Boolean (1));
console.log (Boolean(-1));
console.log (Boolean (NaN));
console.log (Boolean (oneindig));
// Anderen
console.log (Boolean([1, 2, 3]));
console.log (Boolean (niet gedefinieerd));
console.log (Boolean (null));

Uitgang::

vals
waar
waar
vals
waar
waar
vals
waar
waar
vals
vals

4. Tekenreeksgegevens typen in JavaScript

Een string is een reeks van nul of meer tekens. Strings in JavaScript zijn onveranderlijk en worden voornamelijk gebruikt om tekstuele gegevens weer te geven. Het indexeren van strings begint bij 0, d.w.z. het eerste element staat op index 0, het tweede op 1, enzovoort.

Strings moeten tussen aanhalingstekens staan. U kunt elk van de drie soorten aanhalingstekens gebruiken om een ​​tekenreeks te maken: enkele aanhalingstekens, dubbele aanhalingstekens of backticks.

Enkele en dubbele aanhalingstekens doen praktisch hetzelfde, maar een string die begint met een dubbel aanhalingsteken moet eindigen met een dubbel aanhalingsteken. Dezelfde regel is ook van toepassing op de enkele quote.

laat str1 = "Hallo";
laat str2 = 'Hallo';
let str3 = "Hoe gaat het?";
// Gebruik \ om te ontsnappen aan het enkele aanhalingsteken (')
let str4 = 'Hoe gaat het?';

Backticks zijn sjabloonletters en bieden een aantal uitgebreide functionaliteit. U kunt variabelen, expressies en zelfs functieaanroepen insluiten in de tekenreeks.

// Variabele insluiten in een string
laat x = "Hallo";
let str1 = `${x}, Hoe gaat het?`;
console.log (str1);
// Expressie insluiten in een string
let str2 = `De som van 20 + 30 is: ${20 + 30}`;
console.log (str2);
// Functieaanroep insluiten in een string
functie berekenSum (a, b) {
retourneer a + b;
}
let str3 = `De som van 20 + 30 is: ${calculateSum (20, 30)}';
console.log (str3);

Uitgang::

Hallo hoe gaat het?
Som van 20 + 30 is: 50
Som van 20 + 30 is: 50

JavaScript biedt ook verschillende String-methoden snaren te manipuleren.

5. Null-gegevenstype in JavaScript

Het gegevenstype null heeft slechts één waarde: nul. Het vertegenwoordigt de opzettelijke afwezigheid van enige objectwaarde.

laat n = nul;

Veel programmeurs raken in de war tussen null en undefined. Het is lastig te begrijpen het verschil tussen null en undefined in JavaScript.

6. Ongedefinieerd gegevenstype in JavaScript

Het ongedefinieerde type is een speciaal type dat betekent "waarde is niet toegewezen". Wanneer u een variabele declareert maar deze niet initialiseert, wordt een ongedefinieerde waarde aan de variabele toegewezen.

laat x;
console.log (type (x));

Uitgang::

ongedefinieerd

U kunt ongedefinieerd expliciet toewijzen aan een variabele, maar het wordt ten zeerste aanbevolen om dit te vermijden.

Verwant: JavaScript-setmethoden die u vandaag moet beheersen

7. Symbool Gegevenstype in JavaScript

Een Symbool is een unieke en onveranderlijke primitieve waarde. Het wordt voornamelijk gebruikt om unieke identifiers voor objecten te maken.

U kunt een symbool maken met de Symbool() functie. Het accepteert ook een optionele beschrijving (naam), maar alleen voor foutopsporingsdoeleinden.

laat sym1 = Symbool();
laat sym2 = Symbool ("gegevens");

De Symbool() functie maakt elke keer dat deze wordt aangeroepen een nieuwe unieke waarde, zelfs als u symbolen met dezelfde beschrijving maakt, zouden de waarden anders zijn.

console.log (Symbool() == Symbool());
console.log (Symbol("data") == Symbol("data"));

Uitgang::

vals
vals

Verwant: JavaScript-kaartmethoden die u vandaag moet beheersen

8. Objectgegevenstype in JavaScript

In JavaScript zijn objecten verzamelingen van sleutel-waardeparen, waarbij de sleutel een tekenreeks is en de waarde elk gegevenstype kan zijn.

U kunt een leeg object in JavaScript maken met behulp van de syntaxis "objectconstructor" (nieuw object()) of de "object letterlijke" syntaxis (accolades {...}).

laat obj1 = nieuw object();
laat obj2 = {};

Elk object bevat een optionele lijst met eigenschappen, waarbij een eigenschap een sleutel is: waardepaar. U kunt toegang krijgen tot de waarden van het object met behulp van puntnotatie of matrixachtige notatie (vierkante haken).

laat obj = {
"sleutel1": "waarde1",
"sleutel2": "waarde2"
}
console.log (obj.key1);
console.log (obj["key2"]);

Uitgang::

waarde1
waarde2

Hoe werkt JavaScript?

JavaScript is tegenwoordig een van de meest populaire programmeertalen op internet. U kunt JavaScript gebruiken om websites, webapplicaties, serverapplicaties, games, mobiele apps, enz. te maken. Het volstaat te zeggen dat u bijna alles kunt doen wat u maar kunt bedenken met JavaScript.

Maar weet u hoe JavaScript onder de motorkap werkt?

Wat is JavaScript en hoe werkt het?

Als u webontwikkeling leert, volgt hier wat u moet weten over JavaScript en hoe het werkt met HTML en CSS.

Lees volgende

Over de auteur