JavaScript datatyper

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 + \

Prova själv

Exempel

var x = \

Prova själv

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

Prova själv

JavaScript:

var x = \

Resultat:


Prova själv

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 = \

Prova själv

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

Prova själv

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 \

Prova själv

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

Prova själv

Stora eller små tal kan skrivas med vetenskaplig notation:

Exempel

var y = 123e5;      // 12300000
var y = 123e5;      // 12300000

Prova själv

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;

Prova själv

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):

Prova själv

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.

Prova själv

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"

Prova själv

Exempel

typeof 0                   // Returnerar "number"
typeof 314                 // Returnerar "number"
typeof 3.14                // return "number"
typeof (7)                 // Returnerar "number"
typeof (7 + 8)             // Returnerar "number"

Prova själv

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.

Prova själv

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.

Prova själv

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"

Prova själv

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

Prova själv

Du kan också sätta värdet till undefined Töm objektet:

Exempel

var person = undefined;           // värdet är undefined, typen är undefined.

Prova själv

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

Prova själv

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)

Prova själv

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"

Prova själv

typeof operatorer returnerar array som "objektEftersom arrayer i JavaScript är objekt.

Extracurriculärt läsning

JavaScript-avancerad handledning: