JavaScript datatyper
- Föregående sida JS-tildelning
- Nästa sida JS-funktioner
strängvärden, numeriska värden, booleana värden, arrayer, objekt.
JavaScript datatyper
JavaScript variabler kan lagra fleraData typer:Numeriska värden, strängvärden, arrayer, objekt och så vidare:
var length = 7; // Tal var lastName = "Gates"; // Sträng var cars = ["Porsche", "Volvo", "BMW"]; // Array var x = {firstName:"Bill", lastName:"Gates"}; // Objekt
Konceptet med data typer
Data typer är en viktig koncept under programmeringsprocessen.
För att kunna manipulera variabler är det viktigt att förstå datatyper.
Utan datatyper kan datorn inte lösa detta problem säkert:
var x = 911 + \
Har det någon mening att lägga till 911 till "Volvo"? Kommer det att uppstå ett fel eller kommer det att skapa ett resultat?
JavaScript kommer att behandla föregående exempel på detta sätt:
var x = "911" + "Porsche";
När tal och strängar läggas till, betraktar JavaScript talet som en sträng.
Exempel
var x = 911 + \
Exempel
var x = \
JavaScript räknar ut uttryck från vänster till höger. Olika ordningar kan leda till olika resultat:
JavaScript:
var x = 911 + 7 + \
Resultat:
918Porsche
JavaScript:
var x = \
Resultat:
I det första exemplet, tills \
I det andra exemplet, eftersom den första operanden är en sträng, betraktas alla operanderna som strängar.
JavaScript har dynamiska typer
JavaScript har dynamiska typer. Detta innebär att samma variabel kan användas för olika typer:
Exempel
var x; // Nu är x undefined var x = 7; // Nu är x ett tal var x = \
JavaScript strängvärden
En sträng (eller en textsträng) är en följd av tecken (t.ex. \
Strängar omges av citattecken. Du kan använda antingen enkla eller dubbelcitattecken:
Exempel
var carName = \ var carName = 'Porsche 911'; // Använd enkla citattecken
Du kan använda citattecken inom en sträng, förutsatt att dessa citattecken inte matchar de som omger strängen:
Exempel
var answer = \ var answer = \ var answer = 'He is called \
Du kommer att lära dig mer om strängar i denna kurs.
JavaScript numeriska värden
JavaScript har bara ett numeriskt typ.
Det spelar ingen roll om man använder ett decimaltecken när man skriver tal:
Exempel
var x1 = 34.00; // Med decimalpunkt var x2 = 34; // Ingen decimalpunkt
Stora eller små tal kan skrivas med vetenskaplig notation:
Exempel
var y = 123e5; // 12300000 var y = 123e5; // 12300000
var z = 123e-5; // 0.00123
Du kommer att lära dig mer om numeriska värden i denna kurs.
JavaScript-booleiska värdenBooleiska värden har bara två värden:
true eller
.
Exempel
false var x = true;
var y = false;
Booleiska värden används ofta i villkorstest.
JavaScript arrayer
Du kommer att lära dig mer om villkorstest i denna kurs.
JavaScript-arrayer skrivs med klamrar.
Objektens poster är avdelade med komma.
Exempel
Nedanstående kod deklarerar (skapar) en array med namnet cars som innehåller tre objekt (bilmärken):
var cars = ["Porsche", "Volvo", "BMW"];
Arrayindex baseras på noll, vilket innebär att det första elementet är [0], det andra elementet är [1], och så vidare.
JavaScript objekt
Du kommer att lära dig mer om arrayer i denna kurs.
JavaScript-objekt skrivs med klamrar. Objektets egenskaper ärname: value
Exempel
Ja, avdelade med komma.
var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
Objektet (person) i föregående exempel har fyra egenskaper: firstName, lastName, age och eyeColor.
operatorn typeof
Du kommer att lära dig mer om objekt i denna kurs. typeof
För att bestämmer typen av JavaScript-variabler:
operatorn typeof returnerar typen för variabeln eller uttrycket:
Exempel
typeof "" // Returnerar "string" typeof "Bill" // return "string" typeof "Bill Gates" // Returnerar "string"
Exempel
typeof 0 // Returnerar "number" typeof 314 // Returnerar "number" typeof 3.14 // return "number" typeof (7) // Returnerar "number" typeof (7 + 8) // Returnerar "number"
operatorn typeof returnerar "object" för arrayer, eftersom arrayer i JavaScript är objekt.
Undefined
I JavaScript, en variabel utan värde är undefined
. typeof returnerar också undefined
.
Exempel
var person; // värdet är undefined, typen är undefined.
alla variabler kan sätta värdet till undefined
töms. dess typ kommer också att vara undefined
.
Exempel
person = undefined; // värdet är undefined, typen är undefined.
tomt värde
tomt värde och undefined
är inte samma sak.
En tom strängvariabel har både ett värde och en typ.
Exempel
var car = ""; // värdet är "", typen är "string"
Null
I JavaScript ärnull
ett "ingenting" som ses som att det inte finns något. Det ses som att det inte finns något.
Olyckligtvis i JavaScript ärnull
data är av typen objekt.
Du kan också null
I JavaScript betraktas objekt som en bug. Det skulle ha varit null
.
Du kan sätta värdet till null
Töm objektet:
Exempel
var person = null; // värdet är null, men typen är fortfarande objekt
Du kan också sätta värdet till undefined
Töm objektet:
Exempel
var person = undefined; // värdet är undefined, typen är undefined.
Skillnaden mellan Undefined och Null
Undefined
och null
är lika i värde men olika i typ:
typeof undefined // undefined typeof null // object null === undefined // false null == undefined // true
Ursprunglig data
En ursprunglig datavärde är en enkel datavärde som inte har några extra egenskaper eller metoder.
typeof
Operatörer kan returnera en av följande ursprungliga typer:
- string
- number
- boolean
- undefined
Exempel
typeof "Bill" // return "string" typeof 3.14 // return "number" typeof true // return "boolean" typeof false // return "boolean" typeof x // Returnerar "undefined" (om x inte har ett värde)
Komplexa data
typeof
operatorer kan returnera en av följande två typer:
- function
- objekt
typeof
operatorer returnerar objekt, array eller null
Returnerar objekt
.
typeof
operatorer returnerar inte funktioner objekt
.
Exempel
typeof {name:'Bill', age:62} // Returnerar "object" typeof [1,2,3,4] // Returnerar "object" (inte "array", se kommentaren nedan) typeof null // Returnerar "object" typeof function myFunc(){} // Returnerar "function"
typeof
operatorer returnerar array som "objekt
Eftersom arrayer i JavaScript är objekt.
Extracurriculärt läsning
JavaScript-avancerad handledning:
- Föregående sida JS-tildelning
- Nästa sida JS-funktioner