JavaScripti andmetüüpide sissejuhatus

Andmetüüp määratleb andmete tüübi ja käitumise – see annab kompilaatorile või interpretaatorile teada, kuidas programmeerija kavatseb andmeid kasutada. Enamik programmeerimiskeeli toetab põhiandmetüüpe, nagu arv, tõeväärtus, string jne.

JavaScript toetab kaheksat andmetüüpi: Number, BigInt, Boolean, String, Null, Undefined, Symbol ja Object. Sellest artiklist saate teada kõigi kaheksa JavaScripti andmetüübi ja nende kasutamise kohta.

JavaScripti andmetüübid

JavaScripti andmetüübid võib laias laastus jagada kahte kategooriasse: primitiivsed andmetüübid ja mitteprimitiivsed andmetüübid. Objekt on mitteprimitiivne või kompleksne andmetüüp ja ülejäänud on primitiivsed andmetüübid.

JavaScript on dünaamiliselt tipitav keel, mis tähendab, et muutujate tüüpe kontrollitakse käitamise ajal. Sama muutuja võib igal ajal sisaldada erinevat tüüpi väärtusi.

Näiteks:

// x on string
let x = "Tere, maailm";
// x on arv
x = 100;
// x on nüüd tõeväärtus
x = tõene;

Kui soovite leida muutuja praegust andmetüüpi, kasutage tüüp operaator.

// x on string
let x = "Tere, maailm";
console.log (tüüp (x));
// x on arv
x = 100;
console.log (tüüp (x));
// x on nüüd tõeväärtus
x = tõene;
console.log (tüüp (x));

Väljund:

string
number
tõeväärtus

1. Number Andmetüüp JavaScriptis

JavaScripti numbriandmete tüüp kasutab IEEE-754 vormingus nii täis- kui ka ujukomaarvude esitamiseks. JavaScriptis saate arvudega teha palju toiminguid, nagu liitmine, lahutamine, jagamine, korrutamine ja nii edasi. Keerulisemate toimingute tegemiseks saate kasutada sisseehitatud Matemaatika objekt.

Mõned näited arvude loomiseks JavaScriptis:

// Kasutades sõnasõnalist deklaratsiooni
olgu n1 = 100;
olgu n2 = 456,234;
// Number() konstruktori kasutamine
olgu n3 = arv (100);
// Teisendamine täisarvuks
olgu n4 = Number.parseInt("456.234");
// Teisendamine ujukile
olgu n5 = Number.parseFloat("456.234");
olgu n6 = Number.parseFloat("1.13e3");
// Unaarne teisendamine arvuks
olgu n7 = +"345";
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

Väljund:

100
456.234
100
456
456.234
1130
345

Täisarvud

Järgmine väide loob muutuja, mis sisaldab täisarvu:

olgu x = 21;

Kui soovite luua kaheksandliteraale (8. alus), peate kasutama 0o eesliide kaheksandnumbrite jadaga (numbrid 0 kuni 7).

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

Väljund:

43

Samamoodi, kui soovite luua kuueteistkümnendsüsteemi (alus 16) literaale, kasutage 0x eesliide kuueteistkümnendsüsteemi numbrite jadaga (0 kuni 9 ja A kuni F).

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

Väljund:

83

Ujukoma numbrid

Järgmine avaldus loob muutuja, millel on ujukomaarv:

olgu x = 324,56;

E-märke saab kasutada väga suurte või väga väikeste arvude esitamiseks.

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

Väljund:

1130000

JavaScript pakub ka muid spetsiaalseid arvväärtusi, mis kuuluvad number andmetüüp – NaN, Infinity ja -Infinity.

• NaN: NaN tähistab Mitte number mis tähendab vale numbrit. Näiteks kui jagate stringi ja arvu, on tulemuseks NaN.

  console.log("MakeUseOf"/10);

  Väljund:

  NaN

  Huvitaval kombel ei võrdu NaN millegagi, sealhulgas iseendaga.

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

  Väljund:

  vale
  vale
  vale

  Samuti, kui kuskil matemaatiline avaldis sisaldab NaN, on tulemuseks alati NaN.
• Lõpmatus ja -lõpmatus: Lõpmatus ja - Lõpmatus esindab matemaatilist ∞ ja -∞ vastavalt.

2. BigInti andmetüüp JavaScriptis

BigInt on JavaScripti primitiivne andmetüüp, mis võib esitada täisarve suvalise täpsusega. Kuna arvude andmetüüp ei saa esindada väärtusi, mis on suuremad kui (2⁵³-1) ega väiksemaid kui -(2⁵³-1), kasutatakse BigInti sellistel juhtudel väga suurte või väikeste arvude esitamiseks.

BigInti numbreid kasutatakse harva. Aga kui tõesti on vaja kujutada suuri numbreid, nt. krüptograafia jaoks, arvutades suure faktoriaali numbrid, mis tähistavad päikese massi, mikrosekundi täpsusega ajatemplid ja nii edasi, BigInt on see, mida soovite kasutada.

BigInti väärtuse saate luua lisades n täisarvu lõpuni või konstruktorit kasutades.

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

Väljund:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

BigInti andmetüüp on keele suhteliselt värske lisand ja seda toetavad praegu peaaegu kõik brauserid, välja arvatud Internet Explorer.

3. Boole'i ​​andmetüüp JavaScriptis

Tõeväärtuse andmetüübil võib olla kaks väärtust: tõsi ja vale. Boole'i ​​väärtused on loogiliste võrdluste tulemus.

olgu x1 = tõene;
console.log (x1);
olgu x2 = !true;
console.log (x2);
olgu x3 = !!tõene;
console.log (x3);
olgu x4 = (vale && tõene);
console.log (x4);
olgu x5 = (väär || tõene);
console.log (x5);
olgu x6 = (2 == "2");
console.log (x6);
olgu x7 = (2 "2");
console.log (x7);
olgu x8 = (null määramata);
console.log (x8);
olgu x9 = (0 == "");
console.log (x9);
olgu x10 = (100 > 12);
console.log (x10);

Väljund:

tõsi
vale
tõsi
vale
tõsi
tõsi
vale
vale
tõsi
tõsi

Saate teisendada mis tahes muu andmetüübi väärtuse tõeväärtuslikuks andmetüübiks, kasutades Boolean() funktsiooni.

// Keeled
console.log (tõuväärtus(''));
console.log (Boolean('abc'));
console.log (Boolean('123'));
// Numbrid
console.log (tõuväärtus (0));
console.log (tõuväärtus (1));
console.log (tõuväärtus(-1));
console.log (tõuväärtus (NaN));
console.log (tõuväärtus (lõpmatus));
// Teised
console.log (Boolean([1, 2, 3]));
console.log (tõuväärtus (määratlemata));
console.log (tõve (null));

Väljund:

vale
tõsi
tõsi
vale
tõsi
tõsi
vale
tõsi
tõsi
vale
vale

4. Stringi andmetüüp JavaScriptis

String on nullist või enamast märgist koosnev jada. JavaScripti stringid on muutumatud ja neid kasutatakse peamiselt tekstiandmete esitamiseks. Stringide indekseerimine algab 0-st, st esimene element on indeksis 0, teine ​​​​1 ja nii edasi.

Stringid peavad olema ümbritsetud jutumärkidega. Stringi loomiseks saate kasutada mis tahes kolme tüüpi jutumärke: üksikjutumärgid, topeltjutumärgid või tagasimärgid.

Ühe- ja topeltjutumärgid teevad praktiliselt sama asja, kuid topeltjutumärgiga algav string peab lõppema topeltjutumärgiga. Sama reegel kehtib ka ühe hinnapakkumise kohta.

olgu str1 = "Tere";
let str2 = 'Tere';
let str3 = "Kuidas läheb?";
// \ kasutamine ühe jutumärgi (') põgenemiseks
let str4 = 'Kuidas sul läheb?';

Backticks on malliliteraalid ja pakuvad mõningaid laiendatud funktsioone. Stringi saate manustada muutujaid, avaldisi ja isegi funktsioonikutseid.

// Muutuja manustamine stringi
olgu x = "Tere";
let str1 = `${x}, kuidas läheb?`;
console.log (str1);
// Avaldise manustamine stringi
let str2 = "20 + 30 summa on: ${20 + 30}";
console.log (str2);
// Funktsioonikutse manustamine stringi
funktsioon arvutadaSumm (a, b) {
tagastab a + b;
}
olgu str3 = `20 + 30 summa on: ${calculateSum (20, 30)};
console.log (str3);

Väljund:

Tere, kuidas läheb?
20 + 30 summa on 50
20 + 30 summa on 50

JavaScript pakub ka mitmeid stringimeetodeid stringidega manipuleerimiseks.

5. Nullandmete tüüp JavaScriptis

Null-andmetüübil on ainult üks väärtus: null. See tähistab mis tahes objekti väärtuse tahtlikku puudumist.

olgu n = null;

Paljud programmeerijad lähevad segadusse nulli ja määratlemata vahel. Seda on keeruline mõista erinevus nulli ja määramata JavaScripti vahel.

6. Määratlemata andmetüüp JavaScriptis

Määratlemata tüüp on eritüüp, mis tähendab, et väärtust pole määratud. Kui deklareerite muutuja, kuid ei initsialiseeri seda, omistatakse muutujale määratlemata väärtus.

olgu x;
console.log (tüüp (x));

Väljund:

määratlemata

Saate määrata muutujale selgesõnaliselt määramata, kuid seda on tungivalt soovitatav vältida.

Seotud: JavaScripti määramise meetodid, mida peaksite juba täna valdama

7. Sümboli andmetüüp JavaScriptis

Sümbol on ainulaadne ja muutumatu primitiivne väärtus. Seda kasutatakse peamiselt objektide kordumatute identifikaatorite loomiseks.

Saate luua sümboli kasutades Sümbol() funktsiooni. See aktsepteerib ka valikulist kirjeldust (nime), kuid ainult silumise eesmärgil.

let sym1 = Sümbol();
let sym2 = Sümbol("andmed");

The Sümbol() funktsioon loob iga kord uue kordumatu väärtuse, isegi kui loote sama kirjeldusega sümbolid, oleksid väärtused erinevad.

console.log (Sümbol() == Sümbol());
console.log (Sümbol("andmed") == Sümbol("andmed"));

Väljund:

vale
vale

Seotud: JavaScripti kaardimeetodid, mida peaksite juba täna valdama

8. Objekti andmetüüp JavaScriptis

JavaScriptis on objektid võtme-väärtuste paaride kogumid, kus võti on string ja väärtus võib olla mis tahes andmetüüp.

JavaScriptis saate luua tühja objekti, kasutades "objektikonstruktori" süntaksit (uus objekt()) või "objektisõnaline" süntaks (lokkis sulud {...}).

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

Iga objekt sisaldab valikulist atribuutide loendit, kus atribuut on võtme-väärtuste paar. Objekti väärtustele pääsete juurde punkt- või massiivilaadsete tähistuste (ruutsulgude) abil.

olgu obj = {
"key1": "väärtus1",
"key2": "väärtus2"
}
console.log (obj.key1);
console.log (obj["key2"]);

Väljund:

väärtus1
väärtus2

Kuidas JavaScript töötab?

JavaScript on tänapäeval üks populaarsemaid programmeerimiskeeli veebis. JavaScripti saate kasutada veebisaitide, veebirakenduste, serverirakenduste, mängude, mobiilirakenduste jms loomiseks. Piisab, kui öelda, et JavaScriptiga saate teha peaaegu kõike, mida saate välja mõelda.

Kuid kas teate, kuidas JavaScript kapoti all töötab?

Mis on JavaScript ja kuidas see töötab?

Kui õpite veebiarendust, siis siin on see, mida peate teadma JavaScripti kohta ning selle toimimisest HTML-i ja CSS-iga.

Loe edasi

Autori kohta