{"id":92127,"date":"2022-10-12T15:52:35","date_gmt":"2022-10-12T20:52:35","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/en-introduktion-till-datatyper-i-javascript\/"},"modified":"2022-10-12T15:52:35","modified_gmt":"2022-10-12T20:52:35","slug":"en-introduktion-till-datatyper-i-javascript","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/en-introduktion-till-datatyper-i-javascript\/","title":{"rendered":"En introduktion till datatyper i JavaScript"},"content":{"rendered":"
\n

En datatyp definierar typen och beteendet hos data \u2013 den talar om f\u00f6r kompilatorn eller tolken hur en programmerare avser att anv\u00e4nda en bit data. De flesta programmeringsspr\u00e5k st\u00f6der grundl\u00e4ggande datatyper som nummer, boolean, str\u00e4ng, etc.<\/p>\n

JavaScript st\u00f6der \u00e5tta datatyper: Number, BigInt, Boolean, String, Null, Undefined, Symbol och Object. I den h\u00e4r artikeln kommer du att l\u00e4ra dig om alla \u00e5tta JavaScript-datatyperna och hur du anv\u00e4nder dem.<\/p>\n

<\/span> JavaScript-datatyper<\/span><\/h2>\n

Datatyper i JavaScript kan grovt klassificeras i tv\u00e5 kategorier: Primitiva datatyper och icke-primitiva datatyper. Ett objekt \u00e4r en icke-primitiv eller komplex datatyp, och resten \u00e4r primitiva datatyper.<\/p>\n

JavaScript \u00e4r ett dynamiskt skrivet spr\u00e5k, vilket inneb\u00e4r att variabeltyper kontrolleras under k\u00f6rning. Samma variabel kan h\u00e5lla v\u00e4rden av olika typer n\u00e4r som helst.<\/p>\n

Till exempel:<\/p>\n

\/\/ x is a stringlet x = \"Hello, World\";\/\/ x is a numberx = 100;\/\/ x is now a booleanx = true;<\/pre>\n
Om du vill hitta den aktuella datatypen f\u00f6r en variabel, anv\u00e4nd sorts<\/strong> operat\u00f6r.<\/p>\n
\/\/ x is a stringlet x = \"Hello, World\";console.log(typeof(x));\/\/ x is a numberx = 100;console.log(typeof(x));\/\/ x is now a booleanx = true;console.log(typeof(x));<\/pre>\n
Produktion<\/strong>:<\/p>\n
stringnumberboolean<\/pre>\n
<\/span>  1. Nummerdatatyp i JavaScript<\/span><\/h2>\n
Nummerdatatypen i JavaScript anv\u00e4nder formatet IEEE-754 f\u00f6r att representera b\u00e5de heltal och flyttal.  Du kan utf\u00f6ra m\u00e5nga operationer p\u00e5 tal i JavaScript som addition, subtraktion, division, multiplikation och s\u00e5 vidare.  F\u00f6r att utf\u00f6ra mer komplexa operationer kan du anv\u00e4nda det inbyggda Math-objektet.<\/p>\n
N\u00e5gra exempel f\u00f6r att skapa siffror i JavaScript:<\/p>\n
\/\/ Using literal declarationlet n1 = 100;let n2 = 456.234;\/\/ Using the Number() constructorlet n3 = Number(100);\/\/ Conversion to integerlet n4 = Number.parseInt(\"456.234\");\/\/ Conversion to floatlet n5 = Number.parseFloat(\"456.234\");let n6 = Number.parseFloat(\"1.13e3\");\/\/ Unary conversion to numberlet n7 = +\"345\";console.log(n1);console.log(n2);console.log(n3);console.log(n4);console.log(n5);console.log(n6);console.log(n7);<\/pre>\n
Produktion<\/strong>:<\/p>\n
100456.234100456456.2341130345<\/pre>\n
<\/span>Heltal<\/span><\/h3>\n
F\u00f6ljande sats skapar en variabel som inneh\u00e5ller ett heltal:<\/p>\n
let x = 21;<\/pre>\n
Om du vill skapa oktala (bas 8) literaler m\u00e5ste du anv\u00e4nda 0o<\/strong> prefix med sekvensen av oktala siffror (siffror fr\u00e5n 0 till 7).<\/p>\n
let x = 0o53;console.log(x);<\/pre>\n
Produktion<\/strong>:<\/p>\n
43<\/pre>\n
P\u00e5 samma s\u00e4tt, om du vill skapa hexadecimala (bas 16) literaler, anv\u00e4nd 0x<\/strong> prefix med sekvensen av hexadecimala siffror (0 till 9 och A till F).<\/p>\n
let x = 0x53;console.log(x);<\/pre>\n
Produktion<\/strong>:<\/p>\n
83<\/pre>\n
<\/span>Flyttalssiffror<\/span><\/h3>\n
F\u00f6ljande sats skapar en variabel som inneh\u00e5ller ett flyttal:<\/p>\n
let x = 324.56;<\/pre>\n
Du kan anv\u00e4nda e-notation f\u00f6r att representera mycket stora eller mycket sm\u00e5 tal.<\/p>\n
let x = 1.13e6;console.log(x);<\/pre>\n
Produktion<\/strong>:<\/p>\n
1130000<\/pre>\n
JavaScript tillhandah\u00e5ller \u00e4ven andra speciella numeriska v\u00e4rden som h\u00f6r till siffra<\/strong> datatyp \u2013 NaN, Infinity och -Infinity.<\/p>\n
<\/span>  2. BigInt Datatyp i JavaScript<\/span><\/h2>\n
BigInt \u00e4r en primitiv datatyp i JavaScript som kan representera heltal med godtycklig precision.  Eftersom nummerdatatypen inte kan representera v\u00e4rden st\u00f6rre \u00e4n (2\u2075\u00b3-1) eller v\u00e4rden mindre \u00e4n -(2\u2075\u00b3-1), anv\u00e4nds BigInt i s\u00e5dana fall f\u00f6r att representera mycket stora eller sm\u00e5 tal.<\/p>\n
BigInt-nummer anv\u00e4nds s\u00e4llan.  Men om du verkligen beh\u00f6ver representera stora siffror, t.ex. f\u00f6r kryptografi, ber\u00e4kning av fakulteten av stora tal, representera solens massa, tidsst\u00e4mplar med mikrosekunders precision och s\u00e5 vidare, \u00e4r BigInt vad du vill anv\u00e4nda.<\/p>\n
Du kan skapa ett BigInt-v\u00e4rde genom att l\u00e4gga till n<\/strong> till slutet av ett heltal eller genom att anv\u00e4nda konstruktorn.<\/p>\n
let big1 = 78649264972634817648747234872634876243862348763467547n;let big2 = BigInt(\"78649264972634817648747234872634876243862348763467547\");console.log(big1);console.log(big2);<\/pre>\n
Produktion<\/strong>:<\/p>\n
78649264972634817648747234872634876243862348763467547n78649264972634817648747234872634876243862348763467547n<\/pre>\n
BigInt-datatypen \u00e4r ett relativt nytt till\u00e4gg till spr\u00e5ket och st\u00f6ds f\u00f6r n\u00e4rvarande av n\u00e4stan alla webbl\u00e4sare utom Internet Explorer.<\/p>\n
<\/span>  3. Boolesk datatyp i JavaScript<\/span><\/h2>\n
Den booleska datatypen kan ha tv\u00e5 v\u00e4rden: Sann<\/strong> och falsk<\/strong>.  Booleska v\u00e4rden \u00e4r resultatet av logiska j\u00e4mf\u00f6relser.<\/p>\n
let x1 = true;console.log(x1);let x2 = !true;console.log(x2);let x3 = !!true;console.log(x3);let x4 = (false && true);console.log(x4);let x5 = (false || true);console.log(x5);let x6 = (2 == \"2\");console.log(x6);let x7 = (2 === \"2\");console.log(x7);let x8 = (null === undefined);console.log(x8);let x9 = (0 == \"\");console.log(x9);let x10 = (100 > 12);console.log(x10);<\/pre>\n
Produktion<\/strong>:<\/p>\n
truefalsetruefalsetruetruefalsefalsetruetrue<\/pre>\n
Du kan konvertera ett v\u00e4rde av vilken annan datatyp som helst till en boolesk datatyp med hj\u00e4lp av Boolean()<\/strong> fungera.<\/p>\n
\/\/ Stringsconsole.log(Boolean(''));console.log(Boolean('abc'));console.log(Boolean('123'));\/\/ Numbersconsole.log(Boolean(0));console.log(Boolean(1));console.log(Boolean(-1));console.log(Boolean(NaN));console.log(Boolean(Infinity));\/\/ Othersconsole.log(Boolean([1, 2, 3]));console.log(Boolean(undefined));console.log(Boolean(null));<\/pre>\n
Produktion<\/strong>:<\/p>\n
falsetruetruefalsetruetruefalsetruetruefalsefalse<\/pre>\n
<\/span>  4. Str\u00e4ngdatatyp i JavaScript<\/span><\/h2>\n
En str\u00e4ng \u00e4r en sekvens med noll eller fler tecken.  Str\u00e4ngar i JavaScript \u00e4r of\u00f6r\u00e4nderliga och anv\u00e4nds huvudsakligen f\u00f6r att representera textdata.  Indexeringen av str\u00e4ngar b\u00f6rjar fr\u00e5n 0, dvs det f\u00f6rsta elementet \u00e4r vid index 0, det andra vid 1, och s\u00e5 vidare.<\/p>\n
Str\u00e4ngar m\u00e5ste omges av citattecken.  Du kan anv\u00e4nda n\u00e5gon av de tre typerna av citattecken f\u00f6r att skapa en str\u00e4ng: Enkla citattecken, Dubbla citattecken eller Backticks.<\/p>\n
Enkla och dubbla citattecken g\u00f6r praktiskt taget samma sak, men en str\u00e4ng som b\u00f6rjar med ett dubbelt citattecken m\u00e5ste sluta med ett dubbelt citattecken.  Samma regel g\u00e4ller f\u00f6r det enda citatet.<\/p>\n
let str1 = \"Hi\";let str2 = 'Hi';let str3 = \"How're you?\";\/\/ Using  to escape the single quote (')let str4 = 'How're you?';<\/pre>\n
Backticks \u00e4r bokstavliga mallar och ger en viss ut\u00f6kad funktionalitet.  Du kan b\u00e4dda in variabler, uttryck och till och med funktionsanrop i str\u00e4ngen.<\/p>\n
\/\/ Embedding variable within a stringlet x = \"Hello\";let str1 = `${x}, How're you?`;console.log(str1);\/\/ Embedding expression within a stringlet str2 = `Sum of 20 + 30 is: ${20 + 30}`;console.log(str2);\/\/ Embedding function call within a stringfunction calculateSum(a, b) {return a + b;}let str3 = `Sum of 20 + 30 is: ${calculateSum(20, 30)}`;console.log(str3);<\/pre>\n
Produktion<\/strong>:<\/p>\n
Hello, How're you?Sum of 20 + 30 is: 50Sum of 20 + 30 is: 50<\/pre>\n
JavaScript tillhandah\u00e5ller ocks\u00e5 flera str\u00e4ngmetoder f\u00f6r att manipulera str\u00e4ngar.<\/p>\n
<\/span>  5. Null datatyp i JavaScript<\/span><\/h2>\n
Datatypen noll har bara ett v\u00e4rde: null<\/strong>.  Det representerar den avsiktliga fr\u00e5nvaron av n\u00e5got objektv\u00e4rde.<\/p>\n
let n = null;<\/pre>\n
M\u00e5nga programmerare blir f\u00f6rvirrade mellan null och odefinierad.  Det \u00e4r sv\u00e5rt att f\u00f6rst\u00e5 skillnaden mellan null och odefinierad i JavaScript.<\/p>\n
<\/span>  6. Odefinierad datatyp i JavaScript<\/span><\/h2>\n
Den odefinierade typen \u00e4r en speciell typ som betyder att \u201cv\u00e4rdet inte tilldelas\u201d.  N\u00e4r du deklarerar en variabel men inte initierar den tilldelas variabeln ett odefinierat v\u00e4rde.<\/p>\n
let x;console.log(typeof(x));<\/pre>\n
Produktion<\/strong>:<\/p>\n
undefined<\/pre>\n
Du kan uttryckligen tilldela odefinierad till en variabel, men det rekommenderas starkt att undvika det.<\/p>\n
<\/span>  7. Symbol Datatyp i JavaScript<\/span><\/h2>\n
En symbol \u00e4r ett unikt och of\u00f6r\u00e4nderligt primitivt v\u00e4rde.  Det anv\u00e4nds fr\u00e4mst f\u00f6r att skapa unika identifierare f\u00f6r objekt.<\/p>\n
Du kan skapa en symbol med hj\u00e4lp av Symbol()<\/strong> fungera.  Den accepterar ocks\u00e5 en valfri beskrivning (namn), men endast f\u00f6r fels\u00f6knings\u00e4ndam\u00e5l.<\/p>\n
let sym1 = Symbol();let sym2 = Symbol(\"data\");<\/pre>\n
De Symbol()<\/strong> funktion skapar ett nytt unikt v\u00e4rde varje g\u00e5ng den anropas, \u00e4ven om du skapar symboler med samma beskrivning, skulle v\u00e4rdena vara annorlunda.<\/p>\n
console.log(Symbol() == Symbol());console.log(Symbol(\"data\") == Symbol(\"data\"));<\/pre>\n
Produktion<\/strong>:<\/p>\n
falsefalse<\/pre>\n
<\/span>  8. Objektdatatyp i JavaScript<\/span><\/h2>\n
I JavaScript \u00e4r objekt samlingar av nyckel-v\u00e4rdepar, d\u00e4r nyckeln \u00e4r en str\u00e4ng och v\u00e4rde kan vara vilken datatyp som helst.<\/p>\n
Du kan skapa ett tomt objekt i JavaScript med syntaxen \u201cobjektkonstruktor\u201d (nytt objekt()<\/strong>) eller syntaxen \u201cobjekt bokstavlig\u201d (lockiga klammerparenteser {\u2026}<\/strong>).<\/p>\n
let obj1 = new Object();let obj2 = {};<\/pre>\n
Varje objekt inneh\u00e5ller en valfri lista med egenskaper, d\u00e4r en egenskap \u00e4r ett nyckel:v\u00e4rde-par.  Du kan komma \u00e5t v\u00e4rdena fr\u00e5n objektet med hj\u00e4lp av punktnotation eller arrayliknande notation (hakparenteser).<\/p>\n
let obj = {\"key1\" : \"value1\",\"key2\" : \"value2\"}console.log(obj.key1);console.log(obj[\"key2\"]);<\/pre>\n
Produktion<\/strong>:<\/p>\n
value1value2<\/pre>\n
<\/span>  Hur fungerar JavaScript?<\/span><\/h2>\n
JavaScript \u00e4r ett av de mest popul\u00e4ra programmeringsspr\u00e5ken p\u00e5 webben idag.  Du kan anv\u00e4nda JavaScript f\u00f6r att skapa webbplatser, webbapplikationer, serverapplikationer, spel, mobilappar, etc. Det r\u00e4cker med att s\u00e4ga att du kan g\u00f6ra n\u00e4stan vad du kan med JavaScript.<\/p>\n
Men vet du hur JavaScript fungerar under huven?<\/p>\n
    Om f\u00f6rfattaren<\/strong><\/p>\n
            Yuvraj Chandra (80 artiklar publicerade)
<\/strong><\/p>\n
Yuvraj \u00e4r en datavetenskapsstudent vid University of Delhi, Indien.  Han brinner f\u00f6r Full Stack Web Development.  N\u00e4r han inte skriver unders\u00f6ker han djupet i olika teknologier.<\/p>\n
                            Mer fr\u00e5n Yuvraj Chandra<\/p>\n
<\/span>Prenumerera p\u00e5 v\u00e5rt nyhetsbrev<\/span><\/h4>\n
G\u00e5 med i v\u00e5rt nyhetsbrev f\u00f6r tekniska tips, recensioner, free e-b\u00f6cker och exklusiva erbjudanden!<\/p>\n
Klicka h\u00e4r f\u00f6r att prenumerera<\/p>\n<\/p><\/div>\n  
\n
\n
Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n