Bevezetés a JavaScript adattípusaiba

Az adattípus határozza meg az adatok típusát és viselkedését – megmondja a fordítónak vagy az értelmezőnek, hogy a programozó hogyan kíván egy adatot felhasználni. A legtöbb programozási nyelv támogatja az olyan alapvető adattípusokat, mint a szám, logikai érték, karakterlánc stb.

A JavaScript nyolc adattípust támogat: Szám, BigInt, Logikai, Karakterlánc, Null, Undefined, Symbol és Object. Ebből a cikkből megismerheti mind a nyolc JavaScript-adattípust és azok használatát.

JavaScript adattípusok

A JavaScript adattípusai nagyjából két kategóriába sorolhatók: primitív adattípusok és nem primitív adattípusok. Az objektumok nem primitív vagy összetett adattípusok, a többi pedig primitív adattípus.

A JavaScript egy dinamikusan tipizált nyelv, ami azt jelenti, hogy a változótípusokat a rendszer futás közben ellenőrzi. Ugyanaz a változó bármikor különböző típusú értékeket tartalmazhat.

Például:

// x egy karakterlánc
legyen x = "Hello, World";
// x egy szám
x = 100;
// x most egy logikai érték
x = igaz;

Ha meg szeretné találni egy változó aktuális adattípusát, használja a típusú operátor.

// x egy karakterlánc
legyen x = "Hello, World";
console.log ((x) típusa);
// x egy szám
x = 100;
console.log ((x) típusa);
// x most egy logikai érték
x = igaz;
console.log ((x) típusa);

Kimenet:

húr
szám
logikai érték

1. Szám adattípus JavaScriptben

A JavaScript számadattípusa a IEEE-754 formátum egész számok és lebegőpontos számok megjelenítéséhez. Számos műveletet hajthat végre számokkal a JavaScriptben, például összeadást, kivonást, osztást, szorzást és így tovább. Bonyolultabb műveletek végrehajtásához használhatja a beépített Matek objektum.

Néhány példa számok létrehozására JavaScriptben:

// Literális deklaráció használata
legyen n1 = 100;
legyen n2 = 456,234;
// A Number() konstruktor használata
legyen n3 = Szám (100);
// Konvertálás egész számmá
legyen n4 = Number.parseInt("456.234");
// Konverzió lebegővé
legyen n5 = Number.parseFloat("456.234");
legyen n6 = Number.parseFloat("1.13e3");
// Unáris konverzió számmá
legyen n7 = +"345";
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

Kimenet:

100
456.234
100
456
456.234
1130
345

Egész számok

A következő utasítás egy egész számot tartalmazó változót hoz létre:

legyen x = 21;

Ha oktális (8. alap) literálokat szeretne létrehozni, akkor a 0o előtag nyolcas számjegyek sorozatával (0-tól 7-ig).

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

Kimenet:

43

Hasonlóképpen, ha hexadecimális (16-os) literálokat szeretne létrehozni, használja a 0x előtagot hexadecimális számjegyek sorozatával (0-tól 9-ig és A-tól F-ig).

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

Kimenet:

83

Lebegőpontos számok

A következő utasítás egy lebegőpontos számot tartalmazó változót hoz létre:

legyen x = 324,56;

Az e-jelölést nagyon nagy vagy nagyon kis számok ábrázolására használhatja.

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

Kimenet:

1130000

A JavaScript más speciális numerikus értékeket is biztosít, amelyek a szám adattípus – NaN, Infinity és -Infinity.

• NaN: NaN jelentése Nem szám ami érvénytelen számot jelent. Például, ha feloszt egy karakterláncot és egy számot, az eredmény NaN lesz.

  console.log("MakeUseOf"/10);

  Kimenet:

  NaN

  Érdekes módon a NaN nem egyenlő semmivel, beleértve önmagát is.

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

  Kimenet:

  hamis
  hamis
  hamis

  Továbbá, ha egy matematikai kifejezés valahol NaN-t tartalmaz, az eredmény mindig NaN.
• Végtelen és -végtelen: végtelenség és -Végtelenség a matematikát képviseli ∞ és -∞ illetőleg.

2. BigInt adatbevitel JavaScriptben

A BigInt egy primitív adattípus a JavaScriptben, amely tetszőleges pontossággal képes egész számokat ábrázolni. Mivel a számadattípus nem jelenthet (2⁵³-1)-nél nagyobb vagy -(2⁵³-1-nél kisebb értékeket), a BigInt ilyen esetekben nagyon nagy vagy kis számok ábrázolására szolgál.

A BigInt számokat ritkán használják. De ha tényleg nagy számokat kell ábrázolni, pl. titkosításhoz, a nagy faktoriális kiszámításához számok, amelyek a nap tömegét reprezentálják, mikromásodperces pontosságú időbélyegek és így tovább, a BigInt az, amit szeretne használni.

BigInt értéket hozzáfűzéssel hozhat létre n egy egész szám végére vagy a konstruktor használatával.

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

Kimenet:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

A BigInt adattípus a nyelv viszonylag új fejlesztése, és jelenleg az Internet Explorer kivételével szinte minden böngésző támogatja.

3. Logikai adattípus JavaScriptben

A logikai adattípusnak két értéke lehet: igaz és hamis. A logikai értékek logikai összehasonlítások eredménye.

legyen x1 = igaz;
console.log (x1);
legyen x2 = !igaz;
console.log (x2);
legyen x3 = !!igaz;
console.log (x3);
legyen x4 = (hamis && igaz);
console.log (x4);
legyen x5 = (hamis || igaz);
console.log (x5);
legyen x6 = (2 == "2");
console.log (x6);
legyen x7 = (2 "2");
console.log (x7);
legyen x8 = (null undefined);
console.log (x8);
legyen x9 = (0 == "");
console.log (x9);
legyen x10 = (100 > 12);
console.log (x10);

Kimenet:

igaz
hamis
igaz
hamis
igaz
igaz
hamis
hamis
igaz
igaz

Bármely más adattípus értékét logikai adattípussá konvertálhatja a segítségével Boolean() funkció.

// Strings
console.log (boolean(''));
console.log (Boolean('abc'));
console.log (boolean('123'));
// Számok
console.log (boolean (0));
console.log (boolean (1));
console.log (boolean(-1));
console.log (boolean (NaN));
console.log (boolean (végtelen));
// Egyebek
console.log (boolean([1, 2, 3]));
console.log (logikai (undefined));
console.log (logikai (null));

Kimenet:

hamis
igaz
igaz
hamis
igaz
igaz
hamis
igaz
igaz
hamis
hamis

4. String adattípus JavaScriptben

A karakterlánc nulla vagy több karakterből álló sorozat. A JavaScript karakterláncai megváltoztathatatlanok, és főleg szöveges adatok megjelenítésére szolgálnak. A karakterláncok indexelése 0-tól kezdődik, azaz az első elem a 0, a második az 1, és így tovább.

A karakterláncokat idézőjelekkel kell körülvenni. Karakterlánc létrehozásához a háromféle idézőjel bármelyikét használhatja: Egyszeres idézőjelek, Dupla idézőjelek vagy Backticks.

Az egy- és dupla idézőjelek gyakorlatilag ugyanazt teszik, de a kettős idézőjelvel kezdődő karakterláncnak dupla idézőjelre kell végződnie. Ugyanez a szabály vonatkozik az egyetlen idézetre is.

legyen str1 = "Szia";
let str2 = 'Szia';
let str3 = "Hogy vagy?";
// A \ karakter használata az egyetlen idézőjelből (')
let str4 = 'Hogy vagy?';

A backtickek sablonliterálok, és kibővített funkcionalitást biztosítanak. Változókat, kifejezéseket, sőt függvényhívásokat is beágyazhat a karakterláncba.

// Változó beágyazása karakterláncba
legyen x = "Szia";
let str1 = `${x}, hogy vagy?`;
console.log (str1);
// Kifejezés beágyazása karakterláncba
let str2 = `20 + 30 összege: ${20 + 30}`;
console.log (str2);
// Függvényhívás beágyazása egy karakterláncba
függvény kalkulálSum (a, b) {
return a + b;
}
legyen str3 = `20 + 30 összege: ${calculateSum (20, 30)};
console.log (str3);

Kimenet:

Hello, hogy vagy?
20 + 30 összege: 50
20 + 30 összege: 50

A JavaScript számos karakterlánc-módszert is biztosít húrok manipulálására.

5. Null adattípus JavaScriptben

A null adattípusnak csak egy értéke van: nulla. Az objektumérték szándékos hiányát jelzi.

legyen n = null;

Sok programozó összekeveredik a null és az undefined között. Nehéz megérteni a különbség a null és az undefined között a JavaScriptben.

6. Nem definiált adattípus a JavaScriptben

A nem definiált típus egy speciális típus, ami azt jelenti, hogy „nincs hozzárendelve érték”. Amikor deklarál egy változót, de nem inicializálja, akkor a rendszer egy meghatározatlan értéket rendel a változóhoz.

legyen x;
console.log ((x) típusa);

Kimenet:

határozatlan

Egy változóhoz kifejezetten hozzárendelheti az undefined értéket, de erősen ajánlott ezt elkerülni.

Összefüggő: JavaScript-beállítási módszerek, amelyeket ma el kell sajátítania

7. Szimbólum adattípus JavaScriptben

A szimbólum egy egyedi és megváltoztathatatlan primitív érték. Főleg objektumok egyedi azonosítóinak létrehozására szolgál.

A szimbólum segítségével hozhat létre szimbólumot Szimbólum() funkció. Opcionális leírást (név) is elfogad, de csak hibakeresési célból.

legyen sym1 = Symbol();
legyen sym2 = Symbol("adat");

Az Szimbólum() függvény minden meghívásakor új egyedi értéket hoz létre, még ha azonos leírású szimbólumokat hoz létre, az értékek eltérőek lennének.

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

Kimenet:

hamis
hamis

Összefüggő: JavaScript térképmódszerek, amelyeket ma el kell sajátítania

8. Objektum adattípus JavaScriptben

A JavaScriptben az objektumok kulcs-érték párok gyűjteményei, ahol a kulcs egy karakterlánc, és az érték bármilyen adattípus lehet.

Létrehozhat egy üres objektumot JavaScriptben az "object konstruktor" szintaxis használatával (új objektum()) vagy az "object literal" szintaxis (göndör kapcsos zárójel {...}).

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

Minden objektum tartalmaz egy opcionális tulajdonságlistát, ahol egy tulajdonság egy kulcs: érték pár. Az objektum értékeit pontjelöléssel vagy tömbszerű jelöléssel (szögletes zárójel) érheti el.

legyen obj = {
"kulcs1": "érték1",
"kulcs2": "érték2"
}
console.log (obj.key1);
console.log (obj["kulcs2"]);

Kimenet:

érték1
érték2

Hogyan működik a JavaScript?

A JavaScript ma az egyik legnépszerűbb programozási nyelv a weben. A JavaScript használatával webhelyeket, webalkalmazásokat, szerveralkalmazásokat, játékokat, mobilalkalmazásokat stb. hozhat létre. Elég annyit mondanom, hogy a JavaScript segítségével szinte bármit megtehet, amit csak kitalál.

De tudja, hogyan működik a JavaScript a motorháztető alatt?

Mi az a JavaScript és hogyan működik?

Ha webfejlesztést tanul, a következőket kell tudnia a JavaScriptről, valamint arról, hogyan működik a HTML-lel és CSS-sel.

Olvassa el a következőt

A szerzőről